javascript - TinyMce は、複数の要素を activeEditor.dom に追加します

Question

TinyMce4 を使用しています。エディタに div を追加するプラグインがあります。

私のコード:

tinymce.create('tinymce.plugins.AddContent', {

    init: function (ed, url) {
     ed.addCommand('mceAddContent', function () {
     var editor = tinymce.activeEditor;
     var ed_body = $(editor.getBody());
     tinyMCE.activeEditor.dom.add(tinyMCE.activeEditor.getBody(), 'div', { 'class': 'draggableTemplate' }, 'Add you element here...');

        }),

        // Register example button
        ed.addButton('addcontent', {
            title: 'Add content at the end',
            cmd: 'mceAddContent',
            image: url + '/img/addcontent.png',
            onclick: function () {

            }

        });

    }

});


tinymce.PluginManager.add('addcontent', tinymce.plugins.AddContent);

今必要なのは、divだけでなく追加することです

href と class を使用して、この div 内に要素 Link(a) が必要です

例：

<div class='draggableTemplate'> 
<a href="#scroll1" class="scrollto">Link to element</a>
</div>

tinyMCE.activeEditor.dom.add または他の考えを使用して、例で見られるように link(a) で div を追加するにはどうすればよいですか