我目前有一个页面,其中包含大约13个文本区域框,每个框都定义了它们的内联编辑器。默认工具栏已满,但我希望更改所有内联的默认工具栏布局,以仅保留所需的按钮/功能。
这是我的脚本,我如何能够引用自定义工具栏?
<script>
CKEDITOR.inline( 'inline_editor1' );
CKEDITOR.inline( 'inline_editor2' );
CKEDITOR.inline( 'inline_editor3' );
CKEDITOR.inline( 'inline_editor4' );
CKEDITOR.inline( 'inline_editor5' );
CKEDITOR.inline( 'inline_editor6' );
CKEDITOR.inline( 'inline_editor7' );
CKEDITOR.inline( 'inline_editor8' );
CKEDITOR.inline( 'inline_editor9' );
CKEDITOR.inline( 'inline_editor10' );
CKEDITOR.inline( 'inline_editor11' );
CKEDITOR.inline( 'inline_editor12' );
CKEDITOR.inline( 'inline_editor13' );
</script>
您可以给每个CKEDITOR实例一个不同的配置对象,如http://docs.ckeditor.com/#!/api/CKEDITOR-method-inline所示,您可以为每个配置选项定义一个自定义工具栏,如下所示:http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbar
因此,您可能会有类似以下未经测试的代码:
<script>
var cfg1 = { toolbar: 'Basic' };
var cfg2 = { toolbar: 'Full' };
var cfg3 = {
uiColor: '#FF69B4',
toolbar: [
[ 'Source', '-', 'Bold', 'Italic' ]
]
};
CKEDITOR.inline( 'inline_editor1', cfg1 );
CKEDITOR.inline( 'inline_editor2', cfg2 );
CKEDITOR.inline( 'inline_editor3', cfg3 );
</script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句