本篇文章為大家展示了怎么在CKeditor4中配置字體顏色功能，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來(lái)，先為涪城等服務(wù)建站，涪城等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為涪城企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

在搜索框里搜索text color ，然后就出現(xiàn)我想要的東西了

點(diǎn)擊color button 來(lái)到https://ckeditor.com/cke4/addon/colorbutton頁(yè)面，會(huì)跳出下面這個(gè)東西，滑到下面download它

注意 這下面有兩個(gè)需要添加的依賴（面板按鈕和UI按鈕），然后點(diǎn)進(jìn)去依樣照葫蘆的下載另外兩個(gè)依賴 ，解壓縮，放在ckeditor目錄下的plugins目錄里

這里有個(gè)注意的點(diǎn)：你要確定你一點(diǎn)開(kāi)目錄就能看到.js的配置文件，要不然是網(wǎng)頁(yè)看不到文本框的

然后 在config.js文件里加上：

config.extraPlugins = 'button,panelbutton,colorbutton';

大功告成！這就有我要的設(shè)置文本顏色和背景顏色的工具了

補(bǔ)充：

官方給出的Demo在線演示，配置字體顏色擴(kuò)展是在當(dāng)前頁(yè)面的js調(diào)用中實(shí)現(xiàn)的（而不是config.js文件中實(shí)現(xiàn)），代碼如下：

  CKEDITOR.replace( 'editor1', {
    height: 250,
    extraPlugins: 'colorbutton,colordialog'
  } );


  CKEDITOR.replace( 'editor2', {
    height: 250,
    extraPlugins: 'colorbutton',
    colorButton_colors: 'CF5D4E,454545,FFF,CCC,DDD,CCEAEE,66AB16',
    colorButton_enableAutomatic: false
  } );

上述內(nèi)容就是怎么在CKeditor4中配置字體顏色功能，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。