如何在同一網頁上加載多個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類替換元素，但是，如果您使用的是淘汰賽，我認為這對您沒有多大用處。