• 编辑器提供跨前端框架的,通用工具栏Kit组件,可在第3方系统中快速实现工具栏

注意：本集成方式 适用于只使用工具面板的第三方应用，不包括tab button。如需整体集成，详见《ThinkEditorKit整体集成》

• 文件 ThinkEditorFileBar
  

• 编辑 ThinkEditorEditBar
  

• 插入 ThinkEditorInsertBar
  

• 打印 ThinkEditorPrintBar
  

• 视图 ThinkEditorViewBar
  

应用项目集成开发套件Kits源码

1、拷贝editorKits目录到项目src中

• 示例： ThinkEditor.Vue3.Demo\src\editorKits
  

2、指定工具栏Kit显示位置+绑定editorInstance

container

container参数用于指定工具栏Kit显示位置div

editorInstance

editorInstance参数用于指定工具栏Kit需要绑定联动的编辑器实例

var thinkEditorEditBar = new ThinkEditorEditBar({
    container: toolBarEditRef.value,
    editorInstance: editorInstance1
  });

//放入模块级变量 _editorKits.fileBar(详见示例代码)，防止thinkEditorEditBar被释放
  _editorKits.fileBar = thinkEditorEditBar;