如何在tinymce中实现一些自定义弹框和侧边栏

样图

先看效果图，符合需求请往下看实现方式。

侧边栏中可以实现，评注内容、大纲等任何自定义的功能

实现方式

1.tinymce官方文档有使用官方弹框，内部使用自定义html的方式，详情可前往官网查看。
2.像我上面一样，在引入tinymce的组件内自己编写元素，自己使用变量控制元素显隐等问题。

关键

其实就是怎么样将组件内的变量和函数在plugin.js内部调用。
只要在plugin.js中能够调用到页面上的变量和方法，就可以随意操控自己自定义的组件了。
最开始我的实现是绑在window全局变量上，在任何地方都可以调用到，但是后来发现更官方的方法是挂在editor上，这是编辑器挂在所有变量和函数专用的变量。

代码段

以下均在vue3的项目框架下，其他技术栈请自行更改写法

//编辑器组件的html部分
<template>
	<div class="box">
		<div class="editor">
			<Editor id="docTinymce-g" v-model="myValue" :init="init" :disabled="readonly" />
		</div>
		<div class="sidebar" v-if="SidebarType">
			<div>自定义侧边栏内容</div>
		</div>
	</div>
</template&