手机版

CKeditor4字体颜色功能配置方法教程

时间:2021-08-22 来源:互联网 编辑:宝哥软件园 浏览:

本文给出了一个例子来描述CKeditor4字体颜色功能的配置方法。分享给大家参考,如下:

今天启动ckeditor编辑器,发现工具栏上没有可以改变字体颜色和背景颜色的按钮,于是上网搜索,发现网上有很多config.js文件配置的代码。我选择复制所有代码。当然,结果是没用的.一开始,我还可以有文本框和工具栏,后来就什么都没有了。

后来,我找到了凯迪特的文件:https://ckeditor.com/docs/index.html,并在里面找到了指南

在搜索框中搜索文本颜色,然后出现我想要的内容

点击颜色按钮来到https://ckeditor.com/cke4/addon/colorbutton页面,你会跳出下面的东西,滑动到下面下载

请注意,下面需要添加两个依赖项(面板按钮和UI按钮),然后点击进入下载另外两个依赖项,解压缩它们,并将其放在ckeditor目录下的plugins目录中

这里有一个注意事项:确保您可以看到的配置文件。js当你打开目录时,否则你在网页上看不到文本框

然后在config.js文件中添加:

config.extraPlugins='button,panelbutton,color button ';你完蛋了!这是我需要设置文本颜色和背景颜色的工具

补充:

在官方Demo在线演示中,配置字体颜色扩展是在当前页面的js调用中实现的(不在config.js文件中),代码如下:

脚本数据-sample=' 1 ' CKEDITOR . replace(' editor 1 ',{ height: 250,extraPlugins: 'colorbutton,color dialog ' });/script script data-sample=' 2 ' ckeditor . replace(' editor 2 ',{ height: 250,extraPlugins: 'colorbutton ',colorButton _ colors: ' CF5D4E,454545,FFF,CCC,DDD,CCEAEE,66AB16 ',color button _ enableautomatic 3360 false });/script希望本文所描述的内容对CKEDitor富文本编辑器的开发有所帮助。

版权声明:CKeditor4字体颜色功能配置方法教程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。