我目前正在使用CKEeditor 4,我在config.js中使用自定义工具栏,但我还想添加justify插件。 Justify插件适用于标准编辑器,但是当我指定自定义工具栏时,我无法包含它。
我可以看到的区别是默认工具栏使用了toolbarGroups,在这种情况下,我将'align'添加到'paragraph'组。
自定义工具栏使用名称/项目(我无法让它与群组一起使用),我尝试使用'align','Align','justify','Justify'等等...没有显示理由按钮。
以下是config.js
的具体部分config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'forms' },
{ name: 'tools' },
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'others' },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ] },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'about' }
];
config.toolbar = 'ToolsNoImage';
config.toolbar_ToolsNoImage =
[
{ name: 'document', items : [ 'mode', 'document', 'doctools' ] },
{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
{ name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
{ name: 'links', items : [ 'Link','Unlink','Anchor' ] },
{ name: 'insert', items : [ 'Table','HorizontalRule','SpecialChar','PageBreak'] },
{ name: 'tools', items : [ 'Maximize' ] },
{ name: 'tools', items : [ 'Source', '-', 'Preview' ] },
'/',
{ name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] },
{ name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','Align' ] },
{ name: 'styles', items : [ 'Styles','Format' ] },
{ name: 'tools', items : [ 'About' ] }
];
config.toolbarCanCollapse = true;
config.toolbarStartupExpanded = true;
config.extraPlugins = 'justify';
config.extraPlugins_ToolsNoImage = 'justify';
我觉得这很简单..案件问题等等。
答案 0 :(得分:2)
确实非常简单:D您使用了错误的按钮名称。该组名为'align'
,但按钮'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'
不是'Align'
(您在配置中使用了此名称)。
此外,这不会有任何影响:
config.extraPlugins_ToolsNoImage = 'justify';
而这不是必需的:
config.extraPlugins = 'justify';
但最重要的是按钮名称:)
顺便说一句。每个CKEditor包中都有一个plugins/toolbar/samples/toolbar.html
样本 - 它可以帮助您找到正确的名称。
答案 1 :(得分:1)
这适用于像我一样努力启用对齐/对齐选项的任何人。 要启用此功能,必须按照汉字提示进行以下操作:
config.extraPlugins:“合理化”
答案 2 :(得分:-1)
只需使用以下内容自定义ckeditor工具栏以进行对齐和对齐..
config.toolbar = [
{name: "paragraph",
items: ["NumberedList", "BulletedList","Outdent","Indent","Blockquote","JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock"]
}
];
要在工具栏中进一步自定义,您可以参考此页面,只需编辑config.js:
http://ckeditor.com/forums/CKEditor/Complete-list-of-toolbar-items