木玄客的博客

这几天在学习使用tinymce的使用（因为UE富文本编辑器已经好久没更新了，找个新的用用）---基于Vue 简单安装： 引用：为vue开发者整合的tinymce富文本编辑器组件（提灯人帕奇式） tinymce是个外文的编辑器，而中文文档中使用是通过script直接引入js然后在页面初始化。而我的目标是在Vue中将其写成一个组件--所以有了这个引用 第一步：安装引用中的组件 yarn add @packy-tang/vue-tinymce / npm install @packy-tang/vue.

前一篇随笔记录了tinymce的安装，这篇讲一下个人的封装： 第一步：在components中对控件进行声明 控件声明 第二步：在main.js中进行vue-tinymce控件的赋值 控件赋值 很简单--就两个参数：双向绑定的富文本编辑器的内容，以及最重要的编辑器的配置setting 第三步：配置编辑器 这是我自己编辑器的配置 具体请自行转tinymce中文文档看详细的配置，这部分文档还是很完善的（基本都是在说配置以及控件） 第四步：写个方法获取绑定的富文本编辑器中的内容.

1、之前说过在根目录的的index.html中引入了static下的tinymce后，项目中的tinymce就指向了static，所以我们可以不用修改node_module中的代码，直接在static下的tinymce中的plugins中开发新的插件 2、插件开发 首先： 根据中文文档：对你的新插件进行一个声明：tinymce.PluginManager.add('插件名',function(editor,url){}); 函数中传进来的editor就是页面上的编辑器，你可以通过调用它的方...