TinyMCE富文本编辑器

安装tinymce-vue

npm install @tinymce/tinymce-vue -S

下载tinymce

npm install tinymce -S

下载tinymce完成后在node_modules 中找到 tinymce/skins目录,将其复制到public下新建的文件夹tinymce里,在下载中文语音包中文语音包
在这里插入图片描述
下载完解压之后的结构是:
TinyMCE富文本编辑器_第1张图片
封装一个Editor的组件:






在需要用的地方直接引用
TinyMCE富文本编辑器_第2张图片
这样就直接出来了

注: import ‘tinymce/icons/default’ 这个非常重要,因为版本高的原因结构变了,不引用的话默认图标是出不来的

你可能感兴趣的:(web前端)