Javascript CKEditor内联重新排列自动生成的工具栏

通过使用contenteditable属性，我有一个内联内容编辑器。 我想要的是重新排列默认的自动生成工具栏。 通常的方法是创建如下内容：

config.toolbar = [
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Templates' ] },
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
'/',
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] },
{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
{ name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] },
'/',
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },
{ name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] },
{ name: 'others', items: [ '-' ] },
];

在config.js中

问题是，我不知道在哪里可以找到已经自动生成的工具栏，以便按照我想要的方式进行更改。因此，我不知道工具栏中使用的名称是什么，因此我无法按照自己的意愿制作

（上面使用的代码显然不是我想要的。）

提前谢谢

你看过那部电影了吗？您可以在初始化编辑器时加载的

config.js

文件中设置工具栏，也可以直接在

CKEDITOR.inline

中设置工具栏，但要使用此方法，您需要禁用自动编辑器创建：

// We need to turn off the automatic editor creation first.
CKEDITOR.disableAutoInline = true;

var editor = CKEDITOR.inline( 'editable', {
    toolbar: [ ... ]
} );

如果您不知道按钮名称，请查看以下问题：

---

注意：您不必重新排列整个工具栏，只需重新排列按钮组即可。请阅读。

中的详细信息。从上面粘贴的代码中可以看出，我已经了解了这些内容。我已经尝试过使用config.js。事实上，这就是我将要用来重新排列工具栏或工具栏组的内容。我想问的是，我是否能在某处找到自动生成的代码。当从站点下载的原始工具栏处于默认模式时，它在哪里填充？（从生成器自定义下载）查看我答案中的最后一句话。谢谢你的帮助，但你似乎不明白。我知道这些。我想了解的是，当您制作内联编辑器时，自动生成的代码将放在何处。这样我就可以从那里获取配置并按照我想要的方式修改它。我不想猜测我可以使用或不使用什么按钮。它必须在某处自动生成。这就是我要找的！我仍然不确定你的意思是什么（可能是因为你没有解释你想做什么），但你在澄清什么吗？注意-您写道-“因此我不知道工具栏中使用的名称是什么，因此我无法使其符合我的要求。”-但存在“使其符合您的要求”的配置选项，而不是内部配置。嗯。。。正如我所预测的，我答案最后一段中的链接是最好的资源。该示例正是为此目的创建的—检查生成的工具栏组或工具栏布局，以便能够复制并手动更改。没有允许在运行时修改当前布局的API。不管怎样，我很高兴你解决了你的问题：）。