富文本框Tinymce

富文本框Tinymce
先下载几个需要用到的文件，下面有具体的目录

打开链接下载 https://pan.baidu.com/s/1JcRcJLC38MYMc8DqO3LkTA
提取码：zdjd

给index.html body接入

  <script src="/static/tinymce-all-in-one-master/tinymce.min.js"></script>

公共组件部分

需要用到的地方引入
import Tinymce from “@/components/Tinymce/index.vue”;

 <el-col :span="24">
          <el-form-item label="content" prop="content">
            <Tinymce
              ref="editor"
              v-model.trim="form.content"
              :width="'98%'"
              :height="240"
              tableName=""
              :parentId="form.id"
              :editImgShow="true"
            >
            </Tinymce>
          </el-form-item>
        </el-col>