如何在 ckeditor 中为所有实例创建通用工具栏

Question

我有一个多个 ckeditor 实例，每个实例都在创建一个工具栏。就我而言，我只想为所有实例提供一个工具栏.

editor = CKEDITOR.replace("editor1")

我正在以这种方式创建 ckeditor。

请给我一个解决方案。

Answer 1

你需要使用插件共享空间并添加两个div(顶部和底部(：

<div id="top"></div>
<textarea name="editor1">Editor One </textarea>
<textarea name="editor2">Editor Two </textarea>
<div id="bottom"></div>
CKEDITOR.replace(
'editor1',
{
toolbar : [{name: 'Copy', items: ['Copy', 'Paste']}],
extraPlugins:'sharedspace',
removePlugins: 'maximize,resize',
sharedSpaces: {
top: 'top',
bottom: 'bottom'
},
});

CKEDITOR.replace(
'editor2',
{
toolbar : [{name: 'Format', items: ['Bold']}],
extraPlugins:'sharedspace',
removePlugins: 'maximize,resize',
sharedSpaces: {
top: 'top',
bottom: 'bottom'
},
});

例：

https://codepen.io/edsonperotoni/pen/YzzLgON

参考：

https://ckeditor.com/docs/ckeditor4/latest/examples/sharedspace.html