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

标签: # vue学习  vue  编辑器

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

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

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

32.进入这一页面↓↓↓后 下滑

 4.至 ↓ ,集成了所有框架,点击Vue图标

 

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

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

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

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

  <script>中引入

import Editor from '@tinymce/tinymce-vue'
  components: {
     'editor': Editor
   }

 最后在 <template>中引入 <editor>即可

只是简单的理解,若有错误还望谅解指正! 

 

版权声明:本文为sinat_41124751原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/sinat_41124751/article/details/106379670