最近折腾了一个新的编辑器。wordpress CKEditor 

但是发现了一个新问题,CKEditor编辑器里面的表情无法添加。

在网上搜集了几个教程依旧无果,最后选择自己搞定它。

至于怎么找到的方式,就不啰嗦了,太多了

直接告诉怎么修改。

下图是原来的表情无法显示,跟我修改部分后的效果。

wordpress CKEditor 编辑器添加自定义表情-刘冰洋个人博客

下面,就告诉大家怎么添加自定义表情;

1、上传索要添加的表情包 

wp-content\plugins\ckeditor-for-wordpress\ckeditor\plugins\smiley

我在此路径下新建了qqbiaoqing文件夹,我将我所要添加的表情文件全部上传到此文件夹

文件名字根据自己喜好修改 我的是:1.gif 2.gif 3.gif 4.gif 5.gif 6.gif 7.gif 8.gif 9.gif.。。

为了方便添加

2、修改ckeditor.js文件

wp-content\plugins\ckeditor-for-wordpress\ckeditor\ckeditor.js

搜索b.config.smiley_path 将它后面的images修改成我的表情包文件夹qqbiaoqing

并搜索  angry_smile.gif angel_smile.gif shades_smile.gif 

其中任意一个,找到原来表情的文件名。然后将他们全部删除

修改成我新添加的1.gif 2.gif 3.gif 4.gif 5.gif 6.gif。。。

如下图所示

wordpress CKEditor 编辑器添加自定义表情-刘冰洋个人博客

其他文件不要改动。保存后,到浏览器里面删除缓存,就可以看到我们新添加的表情了。