note︰CKEditor 3

2011092312:54

CKEditor 3.6.2
終於支援 iOS 了，不過必須是 iOS 5
目前為止 android 2.2 仍不支援 rich edit 功能

Fckeditor 跟 CKEditor 在 toolbar 的名稱異動︰

FormatName => Format
FontFormat => Font
UnorderedList => BulletedList
OrderedList => NumberedList
StrikeThrough => Strike
Rule => HorizontalRule

config.js 設定資料︰
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html

移除「影像 image」功能中的 upload tab

在 config.js 加上：

config.removeDialogTabs = 'link:upload;image:Upload';

Plugins︰

多組 plugin 可以這樣寫 (逗號隔開)
config.extraPlugins = 'youtube,placeholder';

表情符號 對話框的問題︰

表情符號對話框的大小是被定死的 (270x120)
若自己改 config.js 放進一大堆表情符號時，就會這樣︰

在 FCKeditor 中是可以自定對話框的寬x高，如
FCKConfig.SmileyWindowWidth = 440 ;
FCKConfig.SmileyWindowHeight = 210 ;

解決︰

把 CKEditor source 目錄的 _source/plugins/smpley/dialogs/smiley.js 拿來改

smiley.js 前面一段︰

    var config = editor.config,
        lang = editor.lang.smiley,
        images = config.smiley_images,
        columns = config.smiley_columns || 8,
        i;

改為

    var config = editor.config,
        lang = editor.lang.smiley,
        images = config.smiley_images,
        columns = config.smiley_columns || 8,
        i,
    windowWidth=config.smiley_windowWidth ,
    windowHeight=config.smiley_windowHeight
        ;

smiley.js 最後面一段

return {
        title : editor.lang.smiley.title,
        minWidth : 270,   內定的對話框寬度
        minHeight : 120, 內定的對話框高度
        contents : [

改為

    return {
        title : editor.lang.smiley.title,
        minWidth : windowWidth,
        minHeight : windowHeight,
        contents : [

然後在 config.js 就可以指定表情符號選擇畫面的寬、高︰

    config.smiley_path = 'http://www.xxxx.com/icon/' ;
    config.smiley_images = ['1.gif','2.gif','3.gif','4.gif','5.gif','6.gif','7.gif'.................] ;
    config.smiley_columns = 16 ;
    config.smiley_windowWidth = 440 ;
    config.smiley_windowHeight = 250 ;

toolbar

skins\v2\editor*.css 加入 (看使用哪個 skins 就改哪個對應目錄)

icon右邊顯示 Label 文字，加上︰
.cke_skin_v2 .cke_button_blogimage .cke_label{display:inline;display:inline-block;}