CKEditor config.js文件配置

本文详细介绍了CKEditor的config.js配置文件,包括autoGrow_maxHeight、autoUpdateElement、baseFloatZIndex等多个配置项的用途、示例及默认值,帮助用户理解和定制CKEditor的界面与功能。
摘要由CSDN通过智能技术生成
 

【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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值