当前位置:首页 > 开发 > Web前端 > 前端 > 正文

将自己喜欢的表情添加到CKEditor中

发表于: 2014-04-01   作者:周仁明   来源:转载   浏览:
摘要: CKEditor默认的smiley表情不适合我们,我们可以将表情改造一下换成自己喜欢的表情,方法如下。 1. 下载你想要的表情包,一般是gif格式的图片,将这些这些图片放在…../ckeditor/plugins/smiley/images中 2.打开ckeditor.js 找到 i.smiley_images= 把里面自带的表情删除,然后写上要替换的表情图片名称. 2. 修改配置ckedi

CKEditor默认的smiley表情不适合我们,我们可以将表情改造一下换成自己喜欢的表情,方法如下。

1. 下载你想要的表情包,一般是gif格式的图片,将这些这些图片放在…../ckeditor/plugins/smiley/images中

2.打开ckeditor.js 找到 i.smiley_images= 把里面自带的表情删除,然后写上要替换的表情图片名称.

2. 修改配置ckeditor文件夹下的config.js

中CKEDITOR.editorConfig = function (config) {}

中添加如下代码

config.smiley_images = ['e100.gif', 'e101.gif', 'e102.gif']

config.smiley_images = [] 中可以按照格式添加任意多个表情名称(前提:图片存在…../ckeditor/plugins/smiley/images中)

 

config.smiley_columns = 8 每行显示的表情个数。

3.当你的图标过多时,由于显示不开会导致一部分图标无法显示,而且表情图标对话框没有滚动条,为了避免这种问题,我们可以修改一下css文件。找到ckeditor/skins/v2/dialog.css(假定你使用了默认的皮肤v2),在最后一行添加如下代码

.cke_dialog_ui_html{height:350px;overflow:auto;}

这个文件是经过压缩的,所以添加代码时注意不要有空格。height定义对话框的高度,可以根据自己的需要写。这样表情多时会出现滚动条,就可以正常使用了。如果你的表情很少,就不要做这个改动,不然显示会出问题。

将自己喜欢的表情添加到CKEditor中

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
哈哈,进入正题,项目需要发emoji表情,于是,我的任务开始了~ 效果图镇楼 选择完需要的表情,点击
Widget添加方法:长安桌面-弹出Widget列表-选择之即添加到桌面,下面就实现了一个支持添加到自己应
可以通过直接修改CKEditor的config.js文件来配置CKEditor,官方提供了很详细的API. config.smiley_co
IT程序员开发必备-各类资源下载清单,史上最全IT资源,个人收藏总结! 步骤: 1.将图片源放入/ckedit
关于如何在网页中加入百度地图,其实并没有想象中那么复杂,因为,这是一个开源的时代。下面简单介
用了Netbeans有一段时间了,感觉NetBeans的类模板不是很好用,给我生成的东西不够多,没有eclipse的
本文详细介绍怎样将MenuStrip控件中的信息添加到TreeView控件中 首先在WinForm窗体中添加一个MenuSt
在网页里发现一些好图片,想鼠标右键直接添加到QQ表情,但发现没有“添加到QQ表情”了。 解决的办法
apk不同exe和jar文件,apk需要在安卓系统中运行,单有一个apk文件还是没用,不能直接拖进AVD中(当
apk不同exe和jar文件,apk需要在安卓系统中运行,单有一个apk文件还是没用,不能直接拖进AVD中(当
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号