富文本框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>