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

Question

我使用ckeditor在同一页面上有两个div。我可以为第一个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' };

我也在使用淘汰JS。我创建了一个自定义绑定和一个DIV代替文本方面，因为我无法将ckeditor替换函数与绑定。

Answer 1

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

对不起，对此的总答案很抱歉，但根本没有办法。您不能在单页上具有两个具有相同id的元素。

注意：ckeditor auto用ckeditor类代替元素，但是，如果您使用的是敲除，我认为这不会为您带来很多用途。