如何在ckeditor 4中为所选元素添加html文本

Question

我正在使用CKEditor 4.3.3，我在其中添加了表格。现在表格结构如下所示

<table>
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

现在我可以使用javascript选择表格了

CKEDITOR.instances.ficeditor.getSelection().getStartElement().getParent().getParent();

现在我想在<tbody>开始之前和<table>开始之后添加html文本。

CKEDITOR.instances.ficeditor.getSelection().getStartElement().getParent().getParent().appendHtml("<!-- <div>" +html+"</div> -->");

我正在用它来附加HTML。 但是对于前置HTML，我无法找到任何API

还有其他选择吗？

I want output to be like this
    <table>
<!-- <div>testing</div> -->
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody></table>

Answer 1

您可以使用任何jquery函数

var html=CKEDITOR.instances.ficeditor.getSelection().getStartElement().getParent().getParent().getParent();
    $(html.$).prepend("hi");

Answer 2

你可以用这个

    var editor  = CKEDITOR.instances.ficeditor;
    var data = $("<div>"+editor.getData()+"</div>");
    data.prepend("top line");
    editor.setData(data.html());