javascript - CKEditor 将 html 解析为节点

Question

我正在寻找一种从一些 html 在 CKEDITOR 中创建新节点的方法。

获得一个新的跨度节点我可以做

var x = new CKEditor.dom.element('span');

但我希望 span 节点使用类似于下面 span 的 html 进行初始化

<span class='link' isPop='false'>Single quote's and special character!</span>    

所以问题是：

CKEDITOR 中是否有任何可用的东西从现有的 html 创建一个新节点，例如

var spanHTML = '<span class='link' isPop='false'>Single quote's and special character!</span>';

var newNode = new CKEditor.dom.element('span', spanHTML);

或类似的东西

var parser = new CKEDITOR.htmlParser();
parser.node = function( tagName, html )
{
    // do something here
};

var newNode = parse.node('span', spanHTML);

Answer 1

您可以使用一种appendHtml方法来做到这一点：http ://docs.ckeditor.com/#!/api/CKEDITOR.dom.element-method-appendHtml

Answer 2

有一种CKEDITOR.dom.element#createFromHtml方法 - 您可以使用它从给定的 outerHtml 创建一个元素。文档http://docs.ckeditor.com/#!/api/CKEDITOR.dom.element-static-method-createFromHtml

var el = CKEDITOR.dom.element.createFromHtml( '<span class="a">x</span>' );
el.hasClass( 'a' ); // true