如何在javascript中从CKEDITOR获取选定的html

Question

在我的drupal项目中，我无法用javascript编写选定的html。 有人可以帮助我吗？

Answer 1

CKEditor的API并没有提供确切的这一点，但是从文档中看，您似乎可以执行以下操作（未经测试）：

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也有我不太了解的HTML解析和序列化API，所以你可以使用它们来定制HTML以满足你的要求，而不是使用浏览器innerHTML实现的原始输出。