欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CKeditor4 字體顏色功能配置方法教程

 更新時間：2019年06月26日 10:58:54   作者：Chueng_to  
這篇文章主要介紹了CKeditor4 字體顏色功能配置方法,結合圖文與實例的形式分析了CKeditor4 添加字體顏色擴展功能的相關實現步驟與操作技巧,需要的朋友可以參考下

本文實例講述了CKeditor4 字體顏色功能配置方法。分享給大家供大家參考，具體如下：

今天動手ckeditor編輯器的時候發(fā)現工具欄上并沒有可以更改字體顏色和背景顏色的按鈕，所以我上網搜了下，網上特別多config.js文件配置的代碼了，看得眼花繚亂的我選擇把全部代碼都復制下來。結果當然是沒用的……一開始我還能有文本框、工具欄，到后來就變成什么都沒有了。

后來我找到了ckeditor的文檔：https://ckeditor.com/docs/index.html，找到里面的指南

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

點擊color button 來到https://ckeditor.com/cke4/addon/colorbutton頁面，會跳出下面這個東西，滑到下面download它

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

這里有個注意的點：你要確定你一點開目錄就能看到.js的配置文件，要不然是網頁看不到文本框的

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

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

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

補充：

官方給出的Demo在線演示，配置字體顏色擴展是在當前頁面的js調用中實現的（而不是config.js文件中實現），代碼如下：

<script data-sample="1">
  CKEDITOR.replace( 'editor1', {
    height: 250,
    extraPlugins: 'colorbutton,colordialog'
  } );
</script>
<script data-sample="2">
  CKEDITOR.replace( 'editor2', {
    height: 250,
    extraPlugins: 'colorbutton',
    colorButton_colors: 'CF5D4E,454545,FFF,CCC,DDD,CCEAEE,66AB16',
    colorButton_enableAutomatic: false
  } );
</script>

希望本文所述對大家CKEDitor富文本編輯器開發(fā)有所幫助。

相關文章

最新評論