Vue3使用tinymce富文本编辑器

Vue3使用tinymce富文本编辑器

tinymce中文文档:http://tinymce.ax-z.cn/

首先下载我的Demo到你的本地,Demo地址:https://gitee.com/szxio/tinymce-editor

第一步:将我项目中的 public 下的 tinymce 文件夹复制到你的 public 目录中去

Vue3使用tinymce富文本编辑器_第1张图片

第二步:复制 src/components 下的 TinymceEditor 组件到你的项目中

Vue3使用tinymce富文本编辑器_第2张图片

第三步:使用,下面是一个案例代码






最后在你的项目中安装依赖,启动看效果

npm i @tinymce/tinymce-vue

效果展示

Vue3使用tinymce富文本编辑器_第3张图片

你可能感兴趣的:(vue,javascript,vue.js,前端)