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

Question

我必须在对话窗口的事件中在 CKEditorspan的标签内创建一个。我尝试了以下代码，但它不起作用。divonclick

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 的 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 );