TinyMCE 中文文档地址:http://tinymce.ax-z.cn/configure/editor-appearance.php
TinyMCE 源码存储地址:https://github.com/tinymce/tinymce-vue
其他使用心得参照:
- https://www.jb51.net/web/78618.html
- https://blog.csdn.net/haeasringnar/article/details/86290171
<template>
<div class="tinymce-editor">
<editor
v-bind="$attrs"
v-on="$listeners"
:init="init"
:disabled="disabled"
v-model="textContent"
id="elementIdquestion"
ref="tinymce"
>
</editor>
</div>
</template>
<script>
//引入富文本插件 tinymce
import tinymce from "tinymce/tinymce";
import Editor from "@tinymce/tinymce-vue";
// import 'tinymce/themes/modern/theme'
import "tinymce/themes/silver";
import "tinymce/plugins/image"; // 插入上传图片插件
import "tinymce/plugins/media"; // 插入视频插件
import "tinymce/plugins/table"; // 插入表格插件
import "tinymce/plugins/lists"; // 列表插件
import "tinymce/plugins/wordcount";