CKEditor自定义按钮,找了很多篇教程,都说的不清不楚的,现参考官方文档,在此记录下开发过程。

官网文档:https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_plugins.html

Demo:http://www.ihtmlcss.com/demo/CKEditor/

1.在CKEditor的plugins下新建目录uploadImg,目录结构如下:

文件夹名、图标名、插件名保持一致,这里我将要添加的插件叫: uploadImg

2.接下来编辑plugin.js

3.初始化编辑器前先启用插件

4.如果你使用了config.js来配置工具栏,则需要手动将插件添加到此处

总结:

1.插件名、文件夹名、按钮名保持一致

2.实例中的插入图片功能还必须引入编辑器中的Image插件,否则插入图片功能会不正常