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

然后就在这个页面搜索color,

接着找到了这个

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

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

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

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

最后的效果图:
