Vue3使用tinymce富文本编辑器

Vue3使用tinymce富文本编辑器

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

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

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

image-20230828113248948

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

image-20230828132423562

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


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

npm i @tinymce/tinymce-vue

效果展示

image-20230828112936582


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部