CKEditor ::按自定义标记包装内容

Question

I wrote a plugin for CKEditor.I want to wrap contents of editor between div with custom style.

In this case I used dialog for style div tag. How can I wrap contents of editor inside 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

Ok I found the solution :

first in config.js put the below line :

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

see here and here .

then in onOk function do this :

   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: [{ ...