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

Question

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

Div 1

<div id="ckEditor">
    <div id="ckToolbar"></div>
    <div class="editor" data-bind="wysiwyg: txtBody, value:txtBody, valueUpdate:'keydown'"></div>
</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替换函数和我的绑定。

Answer 1

您不能在同一页面上使用相同id's的两个元素。 How is JavaScript supposed to recognize which one you have in mind？您应该使用classes或不同的id's并调整您的淘汰代码来处理它。

很抱歉一般的答案，但根本没办法解决它。您不能在一个页面上拥有两个具有相同id的元素。

注意：具有ckeditor级别的CKEditor auto replaces元素但如果您使用淘汰赛，我认为这对我来说非常有用。