CKEditor ::按自定義標記包裝內容

Question

我為CKEditor寫了一個插件。我想用自定義樣式包裝div之間的編輯器內容。

在這種情況下，我使用了dialog樣式div標簽。 如何在div包含編輯器的內容：

  onOk: function() {
            var dialog = this;
            var color = dialog.getValueOf('tab1', 'color');
            // other styles
            var tag= '<div style="';
            tag += 'color:' + color + ';';
            // ... other styles
            tag += '">';
            // tag += contents ;
            tag += "</div>";
            editor.insertHtml(tag)
        },
        contents: [{ ...

Answer 1

好的我找到了解決方案：

首先在config.js輸入以下行：

config.allowedContent = 'div{*}'; // this is important

看到這里和這里 。

然后在onOk函數中執行此操作：

   onOk: function() {
            contents = editor.document.getBody().getHtml(); // get the content of CKEditor
            var dialog = this;
            var color = dialog.getValueOf('tab1', 'color');
            // other styles
            var tag= '<div style="';
            tag += 'color:' + color + ';';
            // ... other styles
            tag += '">';
            tag += contents ;
            tag += "</div>";
            editor.setData(tag);
        },
        contents: [{ ...