说明

• 源码参考《ThinkEditor.Vue3.Ts.Simple.Demo》或《ThinkEditor.JQueryEasyUI.Demo》工程
  只包括文档显示区域，不包括工具栏Tab、文档Tab

step1: 确定需要显示的位置 示例： ref=”thinkEditorContainerRef”

<template>
  <div style="width: 100%; height: 100%">
    <button style="height: 20px" v-on:click="OpenDocTest()">打开文档</button>
    <div style="width: 100%; height: calc(100% - 20px)">
      <!-- 编辑器文档容器（显示区域）-->
      <div ref="thinkEditorContainerRef" style="width: 100%; height: 100%"></div>
      <!--  -->
    </div>
  </div>
</template>

import { ThinkEditor } from '@editorSdk/ThinkEditor'

const thinkEditorContainerRef = ref(null)

step2: 创建ThinkEditor对象

const thinkEditor = new ThinkEditor({
  lib: '/editorSdk/',
  ...略...
})

step3: 页面生成后 加载ThinkEditor

• 注意：在不引入ThinkEditor时，编辑器的可显示区域父级div(thinkEditorContainerRef.value)就应当是可见的
• 重要：编辑器不会主动去改变父级div(thinkEditorContainerRef.value)尺寸
• 重要：如编辑器未显示或显示不全，请优先排查父级div(thinkEditorContainerRef.value)是否可见？空间尺寸是否足够？

thinkEditor.Load(thinkEditorContainerRef.value);

• 更多用法 详见demo源码和最小代码