ckeditor4的字体颜色配置

项目中使用的是ckeditor,然后就在网上随便下了一个,然后网上随便找了篇博客,配置了一下,没想到那个编辑器没有字体颜色的功能,于是就在网上找了好久,都没有找到解决办法.因为是使用的4.5.6的版本,比较高,而且听说貌似高版本改动很大,所以以前的配置就统统没用了.
  无奈只好去官网上找文档了,其实一开始是准备去官网下载的,无奈官网根本打不开,然后就在网上搜了一下就得到了这个http://docs.ckeditor.com/# 进去之后全是英文,太伤了.在这里面找了半天,找到了http://docs.ckeditor.com/#!/api/CKEDITOR.config

WechatIMG24.jpeg

然后就在这个页面搜索color,
ckeditor4的字体颜色配置_第1张图片
WechatIMG25.jpeg

接着找到了这个
ckeditor4的字体颜色配置_第2张图片
WechatIMG26.jpeg

然后终于找到我需要的东西了

WechatIMG27.jpeg

这个的大意就是这个ColorButton是一个可选的插件
然后点击那个Color Button的链接,就跳到了这个插件的下载页 http://ckeditor.com/addon/colorbutton
点击下载之后有一个地方需要注意

ckeditor4的字体颜色配置_第3张图片
WechatIMG28.jpeg

这种插件它还有他的依赖,所以需要下载它需要的所有依赖,并且需要在配置文件config.js里面配置额外的插件 config.extraPlugins='colorbutton';多个插件之间可以用逗号隔开.


ckeditor4的字体颜色配置_第4张图片
WechatIMG29.jpeg

接下来就不断的下载插件,然后配置上去就可以了.

ckeditor4的字体颜色配置_第5张图片
WechatIMG30.jpeg

最后的效果图:

ckeditor4的字体颜色配置_第6张图片
WechatIMG31.jpeg

你可能感兴趣的:(ckeditor4的字体颜色配置)