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

我的编辑有问题。我尝试自定义工具栏，使其具有我想要的按钮，但当我尝试将工具栏放入代码中时，我的web应用程序的ckeditor中没有toobar。我的意思是我的编辑器已创建，但我没有工具栏

这是我的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/' )

有人能帮我吗？因为我一直在寻找，但现在我没有发现什么是错的

---

提前感谢

我认为，在这种配置中，您需要使用toolbarGroups属性，而不是toolbar：

---

谢谢你的帮助！！！我把它放在我的代码中，现在我的编辑器中有了一个工具栏。不幸的是，我在这个工具栏上有所有的按钮，而不是我想要的唯一按钮。看起来，我把你和我自己弄糊涂了。对于工具栏组，不能使用项；对于工具栏组，不能使用组键。你可以尝试在这里进行配置-我明白了！！我删除项目并保留组和名称，我也尝试只保留组，但不起作用。var editor=CKEDITOR.replace'professional_mailtemplate_response_template'，{toolbarGroups:[{name:'basicstyles'，groups:['basicstyles'，cleanup']}，{name:'insert']}，{name:'styles'，groups:['styles']}，{name:'links'，groups:['links']} ] };

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' ] }
     ]
 } );