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

【问题标题】：How to load multiple CKEditor toolbars on the same web page如何在同一网页上加载多个 CKEditor 工具栏
【发布时间】：2018-02-19 20:35:13
【问题描述】：

我使用 CKEditor 在同一页面上有两个 div。我可以为第一个 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 替换功能。

【问题讨论】：

标签： javascript knockout.js ckeditor

【解决方案1】：

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

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

注意：CKEditor auto replaces 元素与 ckeditor 类但是如果您使用淘汰赛，我认为这对您没有多大用处。

【讨论】：