div标签内的span标签没有出现

Question

我必须在对话窗口的span事件中的CKEditor中的div标记内创建onclick。我尝试了以下代码，但它无法正常工作。

link = editor.document.createElement( 'div' );
this.commitContent( data );
link.setAttribute('itemscope','');
link.setAttribute( 'itemtype', 'http://schema.org/Person' );
link.setAttribute( 'id', 'person' );
link1 = editor.document.createElement( 'span' );
document.getElementById("person").appendChild(link1);
link1.setAttribute( 'itemprop', data.prop );

Answer 1

您完全将原生DOM API与CKEditor's API混合在一起。甚至很难猜到你在编写代码时的想法，但我希望这会对你有所帮助：

var link = editor.document.createElement( 'div' );
this.commitContent( data );
link.setAttributes( {
    itemscope: '',
    itemtype: 'http://schema.org/Person',
    id: 'person'
} );
// Now you need to append link somewhere...
editor.editable().append( link );

var link1 = editor.document.createElement( 'span' );
link1.appendTo( link );
link1.setAttribute( 'itemprop', data.prop );