如何在同一网页上加载多个CKEditor工具栏

Question

我在使用CKEditor的同一页面上有两个div。 我可以为第一个div加载一个工具栏，但不能为第二个加载。 我意识到是这种情况，因为我使用的是ckToolbar的ID而不是类。 但是，如果使用类，则不会显示工具栏。

1区

<div id="ckEditor">
    <div id="ckToolbar"></div>
    <div class="editor" data-bind="wysiwyg: txtBody, value:txtBody, valueUpdate:'keydown'"></div>
</div>

2区

<div id="ckEditor">
    <div id="ckToolbar"></div>
    <div class="editor" data-bind="wysiwyg: txtHelpText, value:txtHelpText, valueUpdate:'keydown'"></div>
</div>

Config.js

config.extraPlugins = 'sharedspace';
config.sharedSpaces = { top: 'ckToolbar' };

我也在使用Knockout JS。 我创建了一个自定义绑定和一个div而不是textarea，因为我无法在绑定中使用CKEDITOR replace函数。

Answer 1

同一页上不能有两个具有相同id's元素。 JavaScript应该如何识别您想到的是哪一个 ？ 您应该使用classes或其他id's并调整基因剔除代码来处理。

很抱歉提供一般答案，但根本无法解决。 同一页上不能有两个具有相同id元素。

注意： CKEditor会自动用ckeditor类替换元素，但是，如果您使用的是淘汰赛，我认为这对您没有多大用处。