13.Vue中引入本地富文本编辑器TinyMCE | tinymce

上次使用的是云端TinyMCE的API KEY  一方面需要注册申请,另一方面好像有免费试用时间,不断搜罗,这次分享本地下载的方法

1.进入首页 链接 首先点击左上角 Products 然后点击 Get Tinymce 进入下载界面

13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第1张图片

2.进入后,点击Download 下载,如下图依次点击,将文件下载至本地

13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第2张图片

13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第3张图片

 13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第4张图片

3.返回至上一界面,下载中文,汉化包

13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第5张图片 4.将已下载的文件解到指定一个文件夹,第一个下载的 tinymce 选择性解压,一直点击到图中路径

 13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第6张图片

5.将汉化包也粘贴到文件中,最后剩这些文件

13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第7张图片

6.在搭建好的项目components中新建文件 tinymce-editor(文件名自定义即可)并新建一个 index.vue 作为引用

13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第8张图片

该vue 可配置如下 






7.在需要添加的页面引入 路径根据自己文件层级引用 大功告成!

13.Vue中引入本地富文本编辑器TinyMCE | tinymce_第9张图片

你可能感兴趣的:(#,vue学习)