Question

我的CKEDITOR有问题。我尝试自定义工具栏以获得我想要的按钮，但是当我尝试在代码中放置一个工具栏时，我在我的网络应用程序中的ckeditor中没有toobar。我的意思是我的ckeditor已创建，但我没有工具栏。

这是我的javascript代码：

var editor = CKEDITOR.replace( 'professionnal_mailtemplate_response_template', {
     toolbar: [

         { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat', 'TextColor', 'BGColor' ] },
         { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] },
         { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
         { name: 'links', items: [ 'Link' ] }
     ]
 } );

 CKFinder.setupCKEditor( editor, '/../js/ckfinder/' )

有人可以帮我吗？因为我搜索但是现在我没有发现什么是错的。

提前感谢!!!

Answer 1

我相信，使用此配置，您需要使用 toolbarGroups 属性，而不是工具栏：

var editor = CKEDITOR.replace( 'professionnal_mailtemplate_response_template', {
     toolbarGroups: [
         { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat', 'TextColor', 'BGColor' ] },
         { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] },
         { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
         { name: 'links', items: [ 'Link' ] }
     ]
 } );

如何在ckeditor中自定义工具栏？

1 个答案: