CKEditor config.js 詳細配置說明
【config.js檔案的配置】
CKEDITOR.config.autoGrow_maxHeight
示例:
CKEDITOR.config.autoGrow_maxHeight = 400;
預設值:0
CKEDITOR.config.autoGrow_minHeight
示例:
CKEDITOR.config.autoGrow_minHeight = 300;
預設值:200
CKEDITOR.config.autoUpdateElement
當提交包含有此編輯器的表單時,是否自動更新元素內的資料。
示例:
CKEDITOR.config.autoUpdateElement = true;
預設值:true
CKEDITOR.config.baseFloatZIndex
編輯器的z-index值。
示例:
CKEDITOR.config.baseFloatZIndex = 2000;
預設值:10000
CKEDITOR.config.baseHref
設定是使用絕對目錄還是相對目錄,空為相對目錄。
示例:
CKEDITOR.config.baseHref = 'http://www.example.com/path/';
預設值:(空)
CKEDITOR.config.blockedKeystrokes
設定快捷鍵,可能與瀏覽器快捷鍵衝突。plugins/keystrokes/plugin.js
示例:
CKEDITOR.config.blockedKeystrokes = [
CKEDITOR.CTRL + 66 /*B*/,
CKEDITOR.CTRL + 73 /*I*/,
CKEDITOR.CTRL + 85 /*U*/
]
預設值:如示例
CKEDITOR.config.bodyClass
設定編輯器body的class。
示例:
CKEDITOR.config.bodyClass = 'contents';
預設值:(空)
CKEDITOR.config.bodyId
設定編輯器body的ID。
示例:
CKEDITOR.config.bodyId = 'contents_id';
預設值:(空)
CKEDITOR.config.BrowserContextMenuOnCtrl
示例:
CKEDITOR.config.BrowserContextMenuOnCtrl = false;
預設值:true
CKEDITOR.config.colorButton_backStyle
設定編輯內元素的背景色的取值。plugins/colorbutton/plugin.js
示例:
CKEDITOR.config.colorButton_backStyle = {
element : 'span',
styles : { 'background-color' : '#(color)' }
};
預設值:如示例
CKEDITOR.config.colorButton_colors
設定前景色的取值。plugins/colorbutton/plugin.js
示例:
CKEDITOR.config.colorButton_colors = '00923E,F8C100,28166F';
CKEDITOR.config.colorButton_colors = 'FontColor1/FF9900,FontColor2/0066CC,FontColor3/F00';
預設值:
'000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,B22222,A52A2A,DAA520,006400,40E0D0,
0000CD,800080,808080,F00,FF8C00,FFD700,008000,0FF,00F,EE82EE,A9A9A9,FFA07A,FFA500,FFFF00,
00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,FFF0F5,FAEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF'
CKEDITOR.config.colorButton_enableMore
是否在選擇顏色時顯示“其它顏色”選項。plugins/colorbutton/plugin.js
示例:
CKEDITOR.config.colorButton_enableMore = false;
預設值:false
CKEDITOR.config.colorButton_foreStyle
區塊的前景色預設值設定。plugins/colorbutton/plugin.js
示例:
CKEDITOR.config.colorButton_foreStyle = {
element : 'span',
styles : { 'color' : '#(color)' }
};
預設值:如示例
CKEDITOR.config.contentsCss
所需要新增的CSS檔案,在此新增,可使用相對路徑和網站的絕對路徑。
示例:
CKEDITOR.config.contentsCss = '../contents.css';
CKEDITOR.config.contentsCss = ['/css/mysitestyles.css', '/css/anotherfile.css'];
預設值:'/contents.css'
CKEDITOR.config.contentsLangDirection
文字方向。可設定:
ui(根據系統設定)
ltr(從左到右)
rtl(從右到左)
示例:
CKEDITOR.config.contentsLangDirection = 'rtl';
預設值:'ui'
CKEDITOR.config.contentsLanguage
示例:
CKEDITOR.config.contentsLanguage = 'fr';
預設值:根據系統設定
CKEDITOR.config.corePlugins
CKEDITOR.config.coreStyles_bold
示例:
config.coreStyles_bold = { element : 'b', overrides : 'strong' };
config.coreStyles_bold = { element : 'span', attributes : {'class': 'Bold'} };
CKEDITOR.config.coreStyles_italic
示例:
config.coreStyles_italic = { element : 'i', overrides : 'em' };
CKEDITOR.config.coreStyles_italic = { element : 'span', attributes : {'class': 'Italic'} };
CKEDITOR.config.coreStyles_strike
示例:
CKEDITOR.config.coreStyles_strike = { element : 'span', attributes : {'class': 'StrikeThrough'}, overrides : 'strike' };
CKEDITOR.config.coreStyles_subscript
示例:
CKEDITOR.config.coreStyles_subscript = { element : 'span', attributes : {'class': 'Subscript'}, overrides : 'sub' };
CKEDITOR.config.coreStyles_superscript
示例:
CKEDITOR.config.coreStyles_superscript = { element : 'span', attributes : {'class': 'Superscript'}, overrides : 'sup' };
CKEDITOR.config.coreStyles_underline
示例:
CKEDITOR.config.coreStyles_underline = { element : 'span', attributes : {'class': 'Underline'}};
CKEDITOR.config.customConfig
CKeditor的配置檔案,若不想配置,留空即可。
示例:
// 需要載入配置檔案。
CKEDITOR.replace( 'myfiled', { customConfig : '/myconfig.js' } );
// 不需要載入任何配置檔案。
CKEDITOR.replace( 'myfiled', { customConfig : '' } );
預設值:/config.js'
CKEDITOR.config.defaultlanguage
示例:
CKEDITOR.config.defaultlanguage = 'it';
預設值:'en'
CKEDITOR.config.dialog_backgroundCoverColor
介面編輯框的背景色。plugins/dialog/plugin.js
示例:
CKEDITOR.config.dialog_backgroundCoverColor = 'rgb(255, 254, 253)';
預設值:'white'
CKEDITOR.config.dialog_backgroundCoverOpacity
遮罩背景的不透明度,數值應該在:0.0~1.0 之間。plugins/dialog/plugin.js
示例:
CKEDITOR.config.dialog_backgroundCoverOpacity = 0.7
預設值:0.5
CKEDITOR.config.dialog_magnetDistance
移動或者改變元素時,邊框的吸附距離,單位:畫素。plugins/dialog/plugin.js
示例:
CKEDITOR.config.dialog_magnetDistance = 30;
預設值:20
CKEDITOR.config.dialog_startupFocusTab
示例:
CKEDITOR.config.dialog_startupFocusTab = true;
預設值:false
CKEDITOR.config.disableNativeSpellChecker
是否拒絕本地拼寫檢查和提示,目前僅firefox和safari支援。plugins/wysiwygarea/plugin.js
示例:
CKEDITOR.config.disableNativeSpellChecker = false;
預設值:ture
CKEDITOR.config.disableNativeTableHandles
進行表格編輯功能,如:新增行或列。目前僅firefox支援。plugins/wysiwygarea/plugin.js
示例:
CKEDITOR.config.disableNativeTableHandles = false;
預設值:true
CKEDITOR.config.disableObjectResizing
是否開啟圖片和表格的改變大小的功能。
示例:
CKEDITOR.config.disableObjectResizing = true;
預設值:false
CKEDITOR.config.docType
設定HTML文件型別。
示例:
CKEDITOR.config.docType = '';
預設值:''
CKEDITOR.config.editingBlock
是否對編輯區域進行渲染。plugins/editingblock/plugin.js
示例:
CKEDITOR.config.editingBlock = false;
預設值:ture
CKEDITOR.config.emailProtection
示例:
// href=”mailto:[email protected]?subject=subject&body=body”
CKEDITOR.config.emailProtection = '';
// href=”e-mail”
CKEDITOR.config.emailProtection = 'encode'
// href=”JavaScript:mt('tester','ckeditor.com','subject','body')
CKEDITOR.config.emailProtection = 'mt(NAME,DOMAIN,SUBJECT,BODY)'
預設值:空(等於disabled)
CKEDITOR.config.enableTabKeyTools
示例:
config.enableTabKeyTools = false;
預設值:ture
CKEDITOR.config.enterMode
編輯器中回車產生的標籤,可設定:
CKEDITOR.ENTER_P
CKEDITOR.ENTER_BR
CKEDITOR.ENTER_DIV
示例:
CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
CKEDITOR.config.entities
是否使用HTML實體進行輸出。plugins/entities/plugin.js
示例:
CKEDITOR.config.entities = false;
預設值:ture
CKEDITOR.config.entities_additiona
定義更多的實體。plugins/entities/plugin.js
預設值:'#39'(單引號)
CKEDITOR.config.entities_greek
是否轉換一些難以顯示的字元為相應的HTML字元。plugins/entities/plugin.js
示例:
CKEDITOR.config.entities_greek = false;
預設值:true
CKEDITOR.config.entities_latin
是否轉換一些拉丁字元為HTML。plugins/entities/plugin.js
示例:
CKEDITOR.config.entities_latin = false;
預設值:true
CKEDITOR.config.extraPlugins
新增新元件。
示例:
CKEDITOR.config.extraPlugins = 'myplugin,anotherplugin';
CKEDITOR.config.filebrowserBrowseUrl
示例:
CKEDITOR.config.filebrowserBrowseUrl = '/browser/browser.php';
預設值:空(等於disabled)
CKEDITOR.config.filebrowserFlashBrowseUrl
示例:
config.filebrowserFlashBrowseUrl = '/browser/browse.php?type=Flash';
預設值:空(等於disabled)
CKEDITOR.config.filebrowserFlashUploadUrl
示例:
CKEDITOR.config.filebrowserFlashUploadUrl = '/uploader/upload.php?type=Flash';
預設值:空(等於disabled)
CKEDITOR.config.filebrowserImageBrowseLinkUrl
示例:
CKEDITOR.config.filebrowserImageBrowseLinkUrl = '/browser/browser.php';
預設值:空(等於disabled)
CKEDITOR.config.filebrowserImageBrowseUrl
示例:
CKEDITOR.config.filebrowserImageBrowseUrl = '/browser/browser.php?type=Image';
預設值:空(等於disabled)
CKEDITOR.config.filebrowserImageUploadUrl
示例:
CKEDITOR.config.filebrowserImageUploadUrl = '/uploader/upload.php?type=Image';
預設值:空(等於disabled)
CKEDITOR.config.filebrowserUploadUrl
示例:
CKEDITOR.config.filebrowserUploadUrl = '/uploader/upload.php';
預設值:空(等於disabled)
CKEDITOR.config.filebrowserWindowFeatures
示例:
config.filebrowserWindowFeatures = 'resizable=yes,scrollbars=no';
預設值:
'location=no,menubar=no,toolbar=no,dependent=yes,minimizable=no,modal=yes,alwaysRaised=yes,resizable=yes,scrollbars=yes'
CKEDITOR.config.find_highlight
使用搜索時的高亮色。plugins/find/plugin.js
示例:
CKEDITOR.config.find_highlight = {
element : 'span',
styles : { 'background-color' : '#ff0', 'color' : '#00f' }
};
CKEDITOR.config.font_defaultLabel
預設的字型名。plugins/font/plugin.js
示例:
CKEDITOR.config.font_defaultLabel = 'Arial';
CKEDITOR.config.font_names
字型編輯時的字符集,可以新增常用的中文字元:宋體、楷體、黑體等。plugins/font/plugin.js
示例:
CKEDITOR.config.font_names =
'Arial/Arial, Helvetica; sans-serif;'+
'Times New Roman/ Times New Roman, Times, serif;'+
'Verdana';
CKEDITOR.config.font_names = 'Arial;Times New Roman;Verdana';
CKEDITOR.config.font_style
文字的預設式樣。plugins/font/plugin.js
示例:
CKEDITOR.config.font_style = {
element : 'span',
styles : { 'font-family' : '#(family)' },
overrides : [ { element : 'font', attributes : { 'face' : null } } ]
};
CKEDITOR.config.fontSize_defaultLabel
字型預設大小。plugins/font/plugin.js
示例:
CKEDITOR.config.fontSize_defaultLabel = '12px';
CKEDITOR.config.fontSize_sizes
字型編輯時可選的字型大小。plugins/font/plugin.js
示例:
CKEDITOR.config.fontSize_sizes ='16/16px;24/24px;48/48px;';
CKEDITOR.config.fontSize_sizes ='12px;2.3em;130%;larger;x-small'
CKEDITOR.config.fontSize_sizes ='12 Pixels/12px;Big/2.3em;30 Percent More/130%;Bigger/larger;Very Small/x-small';
預設值:
'8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px'
CKEDITOR.config.fontSize_style
設定字型大小時使用的式樣。plugins/font/plugin.js
示例:
CKEDITOR.config.fontSize_style = {
element : 'span',
styles : { 'font-size' : '#(size)' },
overrides : [ { element : 'font', attributes : { 'size' : null } } ]
};
預設值:如示例
CKEDITOR.config.forcePasteAsPlainText
是否強制複製來的內容去除格式。plugins/pastetext/plugin.js
示例:
CKEDITOR.config.forcePasteAsPlainText =true;
預設值:false
CKEDITOR.config.format_address
對address標籤進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_address = { element : 'address', attributes : { class : 'styledAddress' } };
CKEDITOR.config.format_div
對DIV標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_div = { element : 'div', attributes : { class : 'normalDiv' } };
CKEDITOR.config.format_h1
對H1標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_h1 = { element : 'h1', attributes : { class : 'contentTitle1' } };
CKEDITOR.config.format_h2
對H2標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_h2 = { element : 'h2', attributes : { class : 'contentTitle2' } };
CKEDITOR.config.format_h3
對H3標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_h3 = { element : 'h3', attributes : { class : 'contentTitle3' } };
CKEDITOR.config.format_h4
對H4標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_h4 = { element : 'h4', attributes : { class : 'contentTitle4' } };
CKEDITOR.config.format_h5
對H5標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_h5 = { element : 'h5', attributes : { class : 'contentTitle5' } };
CKEDITOR.config.format_h6
對H6標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_h6 = { element : 'h6', attributes : { class : 'contentTitle6' } };
CKEDITOR.config.format_p
對P標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_p = { element : 'p', attributes : { class : 'normalPara' } };
CKEDITOR.config.format_pre
對PRE標籤自動進行格式化。plugins/format/plugin.js
示例:
CKEDITOR.config.format_pre = { element : 'pre', attributes : { class : 'code' } };
CKEDITOR.config.format_tags
用分號分隔的標籤名字,在工具欄上顯示。plugins/format/plugin.js
示例:
CKEDITOR.config.format_tags = 'p;h2;h3;pre';
預設值:p;h1;h2;h3;h4;h5;h6;pre;address;div
CKEDITOR.config.fullPage
是否使用完整的html編輯模式,如使用,其原始碼將包含:html等標籤。
示例:
CKEDITOR.config.fullPage = true;
預設值:false
CKEDITOR.config.height
設定高度。
示例:
CKEDITOR.config.height = 500;
CKEDITOR.config.height = 25em;
CKEDITOR.config.height = 300px;
預設值:'200'
CKEDITOR.config.htmlEncodeOutput
示例:
CKEDITOR.config.htmlEncodeOutput = true;
預設值:false
CKEDITOR.config.ignoreEmptyParagraph
是否忽略段落中的空字元,若不忽略,則字元將以""表示。plugins/wysiwygarea/plugin.js
示例:
CKEDITOR.config.ignoreEmptyParagraph = false;
預設值:true
CKEDITOR.config.image_previewText
插入圖片中預覽圖片框的文字。
示例:
CKEDITOR.config.image_previewText = CKEDITOR.tools.repeat('__',100)
預設值:
CKEDITOR.config.image_removeLinkByEmptyURL
在清除圖片屬性框中的連結屬性時,是否同時清除兩邊的標籤。plugins/image/plugin.js
示例:
CKEDITOR.config.image_removeLinkByEmptyURL = false;
預設值:true
CKEDITOR.config.keystrokes
設定快捷鍵。
示例:
CKEDITOR.config.keystrokes = [
[ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ], //獲取焦點
[ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ], //元素焦點
[ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ], //文字選單
[ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ], //撤銷
[ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ], //重做
[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ], //
[ CKEDITOR.CTRL + 76 /*L*/, 'link' ], //連結
[ CKEDITOR.CTRL + 66 /*B*/, 'bold' ], //粗體
[ CKEDITOR.CTRL + 73 /*I*/, 'italic' ], //斜體
[ CKEDITOR.CTRL + 85 /*U*/, 'underline' ], //下劃線
[ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]
]
CKEDITOR.config.language
介面語言。
示例:
CKEDITOR.config.language = 'zh-cn';
預設值:空
CKEDITOR.config.linkShowTargetTab
是否顯示插入連結對話方塊中的“目標”標籤。
示例:
CKEDITOR.config.linkShowTargetTab = false;;
預設值:true
CKEDITOR.config.linkShowAdvancedTab
是否顯示插入連結對話方塊中的“高階”標籤。 。。。個
示例:
CKEDITOR.config.linkShowAdvancedTab = false;
預設值:true
CKEDITOR.config.menu_groups
一組用逗號分隔的標籤名稱,顯示在左下角的層次巢狀中。plugins/menu/plugin.js
示例:
CKEDITOR.config.menu_groups =' clipboard,table,anchor,link,image';
預設值:'clipboard,form,tablecell,tablecellproperties,tablerow,tablecolumn,table,anchor,
link,image,flash,checkbox,radio,textfield,hiddenfield,imagebutton,button,select,textarea'
CKEDITOR.config.menu_subMenuDelay
顯示子選單時的延遲,單位:ms。plugins/menu/plugin.js
示例:
CKEDITOR.config.menu_subMenuDelay = 0;
預設值:400
CKEDITOR.config.newpage_html
當執行“新建”命令時,編輯器中的內容。plugins/newpage/plugin.js
示例:
CKEDITOR.config.newpage_html = '
Type you text here.
';
預設值:空
CKEDITOR.config.pasteFromWordCleanupFile
示例:
CKEDITOR.config.pasteFromWordCleanupFile = 'custom';
預設值:default
CKEDITOR.config.pasteFromWordNumberedHeadingToList
示例:
CKEDITOR.config.pasteFromWordNumberedHeadingToList = true;
預設值:false
CKEDITOR.config.pasteFromWordPromptCleanup
示例: