用 "p "包装 "img "CKEditor

Question

我想为CKEditor 4.1编写一个插件，将选中的img用p标签包装起来。我在文档中发现了一些关于这个功能的内容，但是有什么问题呢？

var current = editor.getSelection();
if(current.getStartElement().getName() == 'img'){
    var p = new CKEDITOR.dom.element( 'p' );
    current.getSelectedElement().appendTo(p);
    alert('DONE');
}

当我点击调用这个功能的按钮时，我得到的是空的空间而不是img。有什么问题吗？

Answer 1

尝试一些类似的东西。

var current = editor.getSelection();
if(current.getStartElement().getName() == 'img'){
    var p = new CKEDITOR.dom.element( 'p', editor.document );
    p.insertBefore( current.getStartElement() );
    p.append( current.getStartElement() );
    alert('DONE');
}

Answer 2

Example for wrap < table> into < div class="table-wrapper">

CKEDITOR.plugins.add('table_wrapper', { 
    init: function (editor) {
        editor.on('insertElement', function (event) {
            if (event.data.getName() === 'table') {
                var div = new CKEDITOR.dom.element('div').addClass('table-wrapper'); // Create a new div element to use as a wrapper.
                event.data.appendTo(div); // Append the original element to the new wrapper.
                event.data = div; // Replace the original element with the wrapper.
            }
        }, null, null, 1);
    }
});