第二篇，圍繞這5個問題進行基本配置：
1、自定義ToolbarSet,去掉一些功能
2、加上幾種常用的字型
3、修改“回車”和“Shift+回車”的換行行為
4、修改編輯區樣式檔案
5、更換表情圖片

這些資訊的配置，可以通過config.js檔案進行，當然也可以建立自己的配置檔案。
可以參考我的步驟:
1、首先建立一個目錄custom，接著在該目錄內新建一個myConfig.js配置檔案。

2、JavaScript呼叫方式二（上一篇內容），修改為：

CKEDITOR.replace( 'editor1',
{
    customConfig : "/CKEditorSample/custom/myConfig.js"
});

有興趣的可以用JSP呼叫標籤來指定配置檔案。。。

好了，該切入主題了，哈哈。
1、首先了解一下，CKEditor提供的ToolbarSet
基本工具集

CKEDITOR.config.toolbar_Basic =
[
['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']
];

完全工具集（當然功能很全，我們可以刪除不需要的功能）

CKEDITOR.config.toolbar_Full =
[
{ name: 'document',		items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
{ name: 'clipboard',	items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
{ name: 'editing',		items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },
{ name: 'forms',		items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
'/',
{ name: 'basicstyles',	items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
{ name: 'paragraph',	items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
{ name: 'links',		items : [ 'Link','Unlink','Anchor' ] },
{ name: 'insert',		items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] },
'/',
{ name: 'styles',		items : [ 'Styles','Format','Font','FontSize' ] },
{ name: 'colors',		items : [ 'TextColor','BGColor' ] },
{ name: 'tools',		items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];
 

Note that this setting is composed by "toolbar_name" added by the toolbar name。（這是文件上摘錄的一句話）
它說，工具集的名稱以toolbar_為字首+工具集名稱，好了，該建立屬於自己的工具集了。
注意：刪除的時候，不要破壞了它的結構。

myConfig.js

CKEDITOR.editorConfig = function( config )
{
}

myConfig.js（任務1：自定義ToolbarSet,去掉一些功能）

config.toolbar_mytool =
[
{ name: 'document',		items : [ 'Source','-','Save'] },
{ name: 'basicstyles',	items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
{ name: 'paragraph',	items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
{ name: 'links',		items : [ 'Link','Unlink','Anchor' ] },
{ name: 'insert',		items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] },
'/',
{ name: 'styles',		items : [ 'Styles','Format','Font','FontSize' ] },
{ name: 'colors',		items : [ 'TextColor','BGColor' ] },
{ name: 'tools',		items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];
 

myConfig.js（任務2：加上幾種常用的字型）

//字型編輯時的字符集 可以新增常用的中文字元：宋體、楷體、黑體等
config.font_names = "Arial;Times New Roman;Verdana";

myConfig.js（任務3：修改“回車”和“Shift+回車”的換行行為）

config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;

myConfig.js（任務4：修改編輯區樣式檔案）
首先有必須瞭解一下，概念。
例如，現在有一個論壇網站，你可以引用別人的句子，再新增自己的評論（這時應該區分別人的評論和自己的評論吧，所以說需要給別人的評論內容新增樣式，但是這時有個問題（你頁面寫編寫的樣式，CKEditor編輯區不鳥你，哈哈），這時這個修改編輯區樣式就有用了。
這時也有兩種做法
方式一：
1、找到ckeditor目錄下的contents.css檔案，將需要用到的樣式新增進去（當前如果你這樣做，可能存在程式碼的重複性哦）
2、myConfig.js新增配置

config.contentsCss = "ckeditor/contents.css"

方式二：
1、在ckeditor目錄下建立一個css資料夾，用於放置CKEditor編輯區使用到的樣式，新建一個myCss.css。
2、contents.css檔案內，通過@import url(css/myCss.css)引入自己的css檔案。
3、myConfig.js新增配置

config.contentsCss = "ckeditor/contents.css"

CKEditor預設提供的表情圖片有點少，可以通過配置，新增更多的表情圖片，滿足需求。
阿里旺旺表情圖片
myConfig.js（任務：5更換表情圖片）
首先將下載目錄，放到ckeditor/plugins/smiley目錄下。

//表情路徑
config.smiley_path = CKEDITOR.basePath + 'plugins/smiley/wangwang/';
//表情圖片
config.smiley_images = [
    '1.gif','2.gif','3.gif','4.gif','5.gif','6.gif','7.gif','8.gif','9.gif','10.gif','11.gif',
    '12.gif','13.gif','14.gif','15.gif','16.gif','17.gif','18.gif','19.gif','20.gif','21.gif',
    '22.gif','23.gif','24.gif','25.gif','26.gif','27.gif','28.gif','29.gif','30.gif','31.gif',
    '32.gif','33.gif','34.gif','35.gif','36.gif','37.gif','38.gif','39.gif','40.gif','41.gif',
    '42.gif','43.gif','44.gif','45.gif','46.gif','47.gif','48.gif','49.gif','50.gif','51.gif',
    '52.gif','53.gif','54.gif','55.gif','56.gif','57.gif','58.gif','59.gif','60.gif','61.gif',
    '62.gif','63.gif','64.gif','65.gif','66.gif','67.gif','68.gif','69.gif','70.gif','71.gif',
    '72.gif','73.gif','74.gif','75.gif','76.gif','77.gif','78.gif','79.gif','80.gif','81.gif',
    '82.gif','83.gif','84.gif','85.gif'];
//單行表情個數
config.smiley_columns = 8;

如果你做到了這裡，恭喜你了，勝利不遠了。
現在表情框，因為沒有設定最大寬度、最大高度，滾動條效果，導致效果不咋的，解決這個問題很Easy，只需要修改一下CSS檔案（該解決方案感覺不好，可惜找不到其它解決方案。。。）
ckeditor/skins/kama/dialog.css檔案新增
.cke_dialog_ui_html{overflow-y:scroll; overflow-x:hidden;max-width:650px;max-height:455px;}
希望大家能看懂了，我的描述吧。下一篇將提到CKEditor+CKFind forJava整合。