說到編輯器，不得不多嘮叨幾句。免費編輯器可是數不勝數，ckeditor是其中做的比較好的一款。今天主要講解下如何在ckeditor中自定義模板實現快速編輯文章的煩煩噶。示例見圖片。

因目前項目需求，有幾類經常用到的發文格式，比如通知、公示等。為了方便網站實際使用者的用戶體驗，特定制幾個發文模板出來，提高工作效率。

聽起來很cool，其實很簡單。

ckedtior中有plugin機制，默認的下載包中會有一個插件叫做“templates”，具體路徑在ckeditor/plugins下邊。你會找到一個“templates”的文件夾，里邊包含了兩個文件夾dialogs和templates。

dialogs文件夾包包含的文件是彈出框的必須文件，這個主要用來做彈出層，具體見示例圖片。

另外一個文件夾是我們關注的重點。打開templates文件夾，images是預覽圖，你可以定制一個預覽圖。為了不影響dialogs(彈出框的css等，當然你也可以定制這個)，建議將你要放的image設置為100x70(寬x高)像素。另外一個文件是default.js，我們需要修改這個文件。先備份一下文件。隨便找一個編輯器，打開這個js文件。js的結構還是蠻清晰的——關注這么幾個變量：title、image、description、html。我詳細說一下這幾個變量的用處：

title：標題，你可以更改為你需要的標題，比如“通知”;

image：圖片，填寫你的圖片所在的路徑;因js函數方法中寫好了默認的路徑為templates/images/，所以你只需要寫上圖片的名字即可，比如 tongzhi.png;

description：描述，這個模板是干什么用的，簡單描述一下;

html：這個是預定義模板的html代碼;將你設計好的html代碼比如一個“定制內容”加入進去;同時注意一件事，最好是將html代碼壓縮一下。

保存你修改后的文件，進入后臺添加文章頁面，點擊template按鈕，就可以看到你自定義的模板啦。