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

 使用Vue写项目时,按照需求,需要引用富文本编辑器,中文文档 链接 进行了友好的翻译,在网络上搜索使用方法踩了一路的坑,今天终于知道了!!!

1.百度搜索 tinymce 选择官方文档 官方链接

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

2.进入后 点击右上角进入主页面,其实官方文档已经提供了使用方法,

12.Vue中引入富文本编辑器TinyMCE | tinymce_第2张图片32.进入这一页面↓↓↓后 下滑

12.Vue中引入富文本编辑器TinyMCE | tinymce_第3张图片 4.至 ↓ ,集成了所有框架,点击Vue图标

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

 5.进入后便是Vue框架的集成,参照步骤,官方提供了具体使用方法 直接进入

12.Vue中引入富文本编辑器TinyMCE | tinymce_第5张图片

 6.一般情况下,已搭建好的Vue框架,直接运行 $ npm install --save @tinymce/tinymce-vue 命令即可

 $ npm install --save @tinymce/tinymce-vue

 7.在指定的页面引入 如图

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

  

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