ckeditor4的字型顏色配置

zhumeilu發表於2017-12-14

專案中使用的是ckeditor,然後就在網上隨便下了一個,然後網上隨便找了篇部落格,配置了一下,沒想到那個編輯器沒有字型顏色的功能,於是就在網上找了好久,都沒有找到解決辦法.因為是使用的4.5.6的版本,比較高,而且聽說貌似高版本改動很大,所以以前的配置就統統沒用了.   無奈只好去官網上找文件了,其實一開始是準備去官網下載的,無奈官網根本打不開,然後就在網上搜了一下就得到了這個http://docs.ckeditor.com/# 進去之後全是英文,太傷了.在這裡面找了半天,找到了http://docs.ckeditor.com/#!/api/CKEDITOR.config

WechatIMG24.jpeg
然後就在這個頁面搜尋color,
WechatIMG25.jpeg
接著找到了這個
WechatIMG26.jpeg

然後終於找到我需要的東西了

WechatIMG27.jpeg
這個的大意就是這個ColorButton是一個可選的外掛 然後點選那個Color Button的連結,就跳到了這個外掛的下載頁http://ckeditor.com/addon/colorbutton 點選下載之後有一個地方需要注意

WechatIMG28.jpeg
這種外掛它還有他的依賴,所以需要下載它需要的所有依賴,並且需要在配置檔案config.js裡面配置額外的外掛 config.extraPlugins='colorbutton';多個外掛之間可以用逗號隔開.
WechatIMG29.jpeg

接下來就不斷的下載外掛,然後配置上去就可以了.

WechatIMG30.jpeg

最後的效果圖:

WechatIMG31.jpeg

相關文章