How to get selected html from CKEDITOR in javascript?

Question

I am having problem to get selected html written in ckeditor in javascript in my drupal project. can any one help me out?

possible duplicate of Getting selected text win CKEditor Plugin — Manse
– Manse, Commented Apr 24, 2012 at 9:57
@ManseUK: Not a duplicate: this question asks for the selected HTML, not the selected text. — Tim Down
– Tim Down, Commented Apr 24, 2012 at 10:41

Tim Down · Accepted Answer · 2012-04-24 12:01:25Z

5

CKEditor's API doesn't provide exactly this, but looking at the docs it looks as though you could do the following (untested):

function getSelectionHtml(editor) {
    var sel = editor.getSelection();
    var ranges = sel.getRanges();
    var el = new CKEDITOR.dom.element("div");
    for (var i = 0, len = ranges.length; i < len; ++i) {
        el.append(ranges[i].cloneContents());
    }
    return el.getHtml();
}

alert( getSelectionHtml(editor) );

CKEditor also has HTML parsing and serialization APIs that I don't know much about, so you may be able to use those to tailor the HTML to your requirements rather than use the raw output from the browser's innerHTML implementation.

edited Apr 24, 2012 at 12:01

answered Apr 24, 2012 at 10:47

Tim Down

326k76 gold badges461 silver badges546 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Abubakar Shams Over a year ago

this code produce this error Error: Could not convert JavaScript argument arg 0 [nsIDOMHTMLDivElement.appendChild] [Break On This Error] el.appendChild(ranges[i].cloneContents());

Tim Down Over a year ago

@AbubakarShams: Should be fixed now.

Collectives™ on Stack Overflow

How to get selected html from CKEDITOR in javascript?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related