Search code examples
javascriptckeditor

Wrapping "img" with "p" CKEditor

I'm trying to write plugin for CKEditor 4.1 which will wrap selected img with p tag. I found something about this in docs, but what's wrong?

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

When I click the button which calls this function, I'm getting empty space instead of img. What's wrong?

Solution

  • try something like:

    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');
}