定制CKEditor的表情

最新推荐文章于 2020-05-13 11:44:25 发布
最新推荐文章于 2020-05-13 11:44:25 发布
阅读量1.1w 收藏 4
点赞数
分类专栏： Java开发 分享 | 随笔 文章标签： fckeditor 浏览器 dialog path css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangao0086/article/details/6327593
版权
本文介绍了如何通过配置CKEditor的config.js文件来自定义表情，包括设置表情列数、指定图片路径、添加表情图片和描述。同时，针对表情过多导致的显示问题，提出了修改dialog.css以实现滚动条的解决方案，并展示了不同浏览器的兼容性调整。
摘要由CSDN通过智能技术生成

可以通过直接修改CKEditor的config.js文件来配置CKEditor,官方提供了很详细的API.

config.smiley_columns = 8

指定表情的显示的列数,默认为8.

表情图片的默认地址在ckeditor/plugins/smiley/images/目录下,可以直接放进来,也可以用CKEDITOR.config.smiley_path属性指定图片的地址.

把要使用到的图片用config.smiley_images属性指定名称,比如把名称为1到5的gif格式的图片纳入CKEditor:

config.smiley_images = [
最低0.47元/天 解锁文章
Bannings
关注
专栏目录
CKEDITOR配置
08-15
本文将详细介绍CKEDITOR的基础配置方法及高级功能设置，包括表情配置、图片配置、Flash上传配置等方面。 #### 二、CKEDITOR 3.0.1版本配置步骤 1. **去除示例源文件**：删除`_samples`目录下的所有文件，这些文件...
CKeditor 配置好的，支持QQ表情以及去掉多余功能
06-16
CKeditor 配置好的，支持QQ表情以及其他表情，去掉了没有用的按钮，增加了插入代码这个插件。用起来很爽。
毕业设计(十六)---发表文章(2)之- ckeditor 添加自定义表情
写代码,是犯罪. 找bug,是破案- -..
01-25 1931
添加ckeditor的自定义表情,也是修改config配置. 首先看ckeditor目录: 自定义表情放到plugins下的指定目录,在配置文件里面定义: CKEDITOR.editorConfig = function( config ) { config.language = 'zh-cn'; config.toolbar_A = [ ['Source'],
ckeditor5-emoji:CKEditor 5的表情符号插件
04-03
CKEditor 5 Emoji插件 使用ckeditor5 SpecialCharacters插件的修改版的Emoji插件。 表情符号集 表情符号分为以下几类： 全部 活动 食物 标志 自然 对象 人们 地方 符号 您可以选择特定类别或全部导入。
ckeditor5-emoji:一个简单的插件，可在hackathon期间创建的Unicode表情符号插入CKEditor 5中
04-28
CKEditor 5表情符号功能 该软件包为CKEditor 5实现了表情符号功能。 该插件是在黑客马拉松期间创建的，它大致基于链接插件的源代码。 它基本上将Unicode表情符号插入到当前光标位置的编辑器中。 CKEditor 5兼容性 该插件建立在最新的CKEditor 5稳定版本（ v11.0.1 ） v11.0.1 。 :smiling_face_with_sunglasses: 启用表情符号插件 由于这是第三方插件，因此默认情况下未在CKEditor 5中启用它，而必须手动将其添加到其中。 有关更多信息，请参见有关的官方文档。 要安装它，请运行： npm install --save @wwalc/ckeditor5-emoji 更新构建配置时，请使用以下内容： @wwalc/ckeditor5-emoji/src/emoji –插件导入路径 Emoji –插件名称 emoji –工具栏项目（按钮） 开发环境 要启用该插件，您
CKEditor添加表情
GG-Sone的博客
03-14 2285
首先，查看CKEditor是否已安装表情插件，没有请到 http://ckeditor.com/addon/smiley 下载安装， 安装方法：解压，smiley文件夹放到ckeditor\plugins目录下，接下来配置cinfig.js文件，查看插件文档或以下内容 config.extraPlugins = 'smiley'; 引入表情插件 可以通过直接
将自己喜欢的表情添加到CKEditor中
ZXFC88的专栏
11-18 3750
CKEditor默认的smiley表情不适合我们，我们可以将表情改造一下换成自己喜欢的表情，方法如下。 1. 下载你想要的表情包，一般是gif格式的图片，将这些这些图片放在…../ckeditor/plugins/smiley/images中 2. 修改配置ckeditor文件夹下的config.js 中CKEDITOR.editorConfig = function (config) {}
ckeditor 表情包自定义
weixin_30772261的博客
10-08 259
定制CKEditor的表情 .cke_dialog_contents_body { overflow:auto; max-height: 500px; } .cke_dialog_contents_body * { max-height: 500px; } 添加以上css到对应html dom里来解决溢出 /* C...
CKeditor3.0详细配置[定义].pdf
10-11
CKeditor 3.0版本是其历史上的一个重要里程碑，提供了一套详尽的配置选项，使得开发者可以根据需求定制编辑器的功能和外观。以下将详细介绍CKeditor 3.0的一些关键知识点。 1. **CKeditor的特点与用途**： - ...
ckeditor使用示例
05-28
- `ckeditor\plugins\smiley\images\whatchutalkingabout_smile.gif`：表情插件的图像文件，用于在编辑器中插入各种表情符号。 - `ckfinder\help\es\files\images\011.png`：西班牙语帮助文件中的图片，可能是教程或...
CKEditor中表情的添加
PIGer920的专栏
04-28 1286
<br />CKEditor是一款所见即所得的Html在线编辑器。前身好象是FCKEditor。<br />自带有表情符号，如果你需要更换这些表情或者添加一些新的表情，这篇文章会向你介绍作法。<br />本文使用的版本是 CKEditor 3.5.3（released on 7 April 2011）。<br /> <br />1 下载压缩文件。<br /> <br />2 解压缩后，在解压缩目录下有ckeditor.js文件。<br />用文本编辑器打开后，搜索关键字【i.smiley_images】
django-ckeditor表情包修改
weixin_30653023的博客
07-11 164
一、版本 Django==1.11 django-ckeditor==5.2.2 二、关键步骤 1.删除旧的ckeditor静态文件 所在目录：项目目录下的static文件夹下的ckditor文件夹 rm ckeditor -rf 原因：在安装ckeditor后需要执行collectstatic命令，这个过程中的查找静态文件会去ckeditor安装目录去查找静态文件的，如果想要修改项目中的...
ckeditor 表情 问题解决
小树吥倒
01-09 1015
现在的ckeditor以前叫FCKeditor，是国外的一个在线文本编辑器，ckeditor对火狐、IE8的支持都比IE6好的多。 如果你用的浏览器还是以IE6为主，最好还是用老版本的（FCKeditor），不论是IE6支持还是网上的资料和解决办法都很好。 （我现在用的是ckeditor，网上很多解决问题的办法都是FCKeditor，根本都不管用）。。 FCKeditor年代是不论国外、
CKEditor-添加自己喜欢的表情
weixin_30940783的博客
02-28 303
CKEditor默认的smiley表情不适合我们，我们可以将表情改造一下换成自己喜欢的表情，方法如下。 1. 下载你想要的表情包，一般是gif格式的图片，将这些这些图片放在…../ckeditor/plugins/smiley/images中 2.打开ckeditor.js 找到 i.smiley_images= 把里面自带的表情删除,然后写上要替换的表情图片名称. 3. 修改配置cke...
Django ckeditor自定义表情包
Jackcongx
05-13 474
第一步 下载自己喜爱的表情包，我的表情包需要的可以下载，百度网盘链接，密码：9yab。 第二步 进入到ckeditor目录的表情文件夹之中，找到这个文件夹/lib/python3.6/site-packages/ckeditor/static/ckeditor/ckeditor/plugins/smiley/images 将表情图片都复制进去。 第三步 修改config.js 找到这个文件/lib/python3.6/site-packages/ckeditor/static/ckeditor/c
ckeditor config.js + 自定义表情包
weixin_30270889的博客
10-06 598
表情包.zip文件，wget下载 / 浏览器右键链接另存为 后改后缀名 /** * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or http://ckeditor.com/lice...
CKEditor插件开发指南
"CKEditor插件开发教程" CKEditor是一款广泛应用的开源富文本编辑器，以其灵活性、开放的API和详尽的文档而备受青睐。...通过这种方式，你可以根据项目需求定制CKEditor，使其功能更加丰富和个性化。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值