Fckeditor编辑器如何添加表情包

最近在学东西正好有人问关于如何在Fckeditor里面导入自定义的表情就想QQ那样的,在这里小左就来介绍一下我从其他人哪里学来的东西。关于如何添加表情请见下文的介绍。

1.修改CKEditor的config.js文件config.smiley_columns = 8修改该成你想要显示的列数。

2.然后再将表情导入到默认的CKEditor文件夹下面,ckeditor/plugins/smiley/images/目录下。

3.如果表情过多的话,默认是不会有滚动条的,在FCKEditor里面可以找到弹出的页面,然后进行修改,CKEditor是显示一个层,默认是隐藏的,每个皮肤都对应不同的样式,如果我现在在使用v2的皮肤,就要先到ckeditor/skins/v2/目录下,找到dialog.css,这是压缩后的css文件,在里面找起来很不方便,可以先到源码下的目录,ckeditor/_source/skins/v2/,打开dialog.css,通过查看可以发现在cke_dialog_body的样式就是我们需要修改的,然后通过搜索在压缩文件里面找到相应的样式,加入:overflow:auto;max-height:300px;

就可以了,我在只添加overflow之后,发现页面中还是把层的高度增大,而没有把页面的高度拉大,

本文固定链接: http://www.idc-blog.com/?p=589 | 网络菜鸟学习园地

该日志由 admin 于2014年04月30日发表在 建站交流 分类下,
原创文章转载请注明: Fckeditor编辑器如何添加表情包 | 网络菜鸟学习园地
关键字:

报歉!评论已关闭.