在Vue项目中引入tinymce 5.x

我的开源项目,前后端分离的通用后台 https://www.github.com/etpmls
如果对你感到有帮助,请帮忙点个star

用新不用旧,像我这种强迫症只能自己摸索了。
官网其实手册说的很清楚,像我这种理解力很差的菜鸡,只能边查资料边搞,最后发现,文档说的是如此清楚。

废话少说,直接上步骤。

TinyMCE文档

我们现在已有项目,直接参照文章的后半部分干!
1.安装tinymce编辑器(参照文档第4步Procedure 4.)

npm install --save @tinymce/tinymce-vue

2.安装tinymce(参照文档第6步Procedure 6.),由于官网是自部署下载zip包,我们这里偷个懒,使用npm直接下

npm install tinymce

3.把node_modules/tinymce拷贝到public/static/tinymce(我的项目公共目录在这里,具体根据你们的项目来),参照 TinyMCE文档,Getting the skin章节

4.代码部分,
写法参照

你可能感兴趣的:(TinyMCE,Vue)