這篇文章用來說明 ckeditor 的所有可配置的功能，分為終端用戶配置和開發(fā)者配置

1.終端用戶配置

• 用戶接口 – 設(shè)置編輯器的UI和語言
• Editor 尺寸設(shè)置 – 設(shè)置編輯器的尺寸
• 插入內(nèi)容 – 添加豐富的插入內(nèi)容，圖片，代碼，表格，數(shù)學(xué)公式.
• 文本樣式 – 設(shè)置文本樣式.
• 文檔代碼編輯 –編輯文檔的源代碼.
• 能力支持 – 一些可對殘障人士提供幫助的工具.

2.開發(fā)者配置

• 編輯器UI – 編輯UI.
• 工具欄 – 自定義工具欄.
• API 接口 – 使用 CKEditor API.
• 輸出控制 – 調(diào)整編輯器的輸出通過設(shè)置html的格式.
• 工具集 – 額外的工具，是編輯器配置和擴展更簡單.

?

1.1 用戶接口

通過配置config.uiColor (rgb 格式） 的對頭部顏色進行配置。

config.uiColor = #66AB16;

通過配置config.defaultLanguage 對編輯器語言進行設(shè)置

config.defaultLanguage = 'de';

1.2 尺寸設(shè)置

1.2.1 基礎(chǔ)尺寸設(shè)置

config.width = 500; // 500 pixels high. config.height = '25em'; // CSS unit (em).

通過對cofnig.height和cofnig.width設(shè)置，控制編輯器的寬高。只對經(jīng)典樣式的編輯器有用，對行內(nèi)編輯器無效

1.2.2 高度自動增加

添加Auto-grow插件是編輯器高度跟隨文章內(nèi)容自適應(yīng)，高度增加了用戶編輯內(nèi)容是離工具欄的距離就遠了，看具體的項目需求吧。

通過config.extraPlugins 添加autogrow 插件，可以對autogrow 插件進行自定義配置?

config.extraPlugins = 'autogrow'; config.autoGrow_minHeight = 250;// 設(shè)置編輯器最小高度 config.autoGrow_maxHeight = 600;// 設(shè)置編輯器最大的高度 在最小和最大高度之間會高度會適應(yīng)內(nèi)容高度

其他參數(shù)配置

config.autoGrow_onStartup = true; // 設(shè)置為true 編輯器在創(chuàng)建和內(nèi)容高度變化的時候更新高度，如果不設(shè)置會在編輯器每次獲得焦點的時候更新高度出發(fā)瀏覽器的重繪增加不必要的開銷 config.autoGrow_bottomSpace = 50; // 文本內(nèi)容距離編輯器底部的距離。 config.removePlugins = 'resize'; // 移除resize插件，設(shè)置了autogrow功能，resize功能就可以不使用，這兩個都是為了解決高度問題的插件。

?

?

?

?

?

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/pipu-qiao/p/8492100.html

總結(jié)

以上是生活随笔為你收集整理的ckeditor_学习(2) 功能概览的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。