TinyMCE的插件 - 如何删除添加的代码？

Question

所有！

我正在为TinyMCE 4编写一个插件。
该插件的功能现在并不重要。我可以在页面中添加代码。

我的问题是，我还需要删除添加的代码的可能性...... 我无法......

这是我的代码：

tinymce.PluginManager.add('subpages', function(editor, url) {
    editor.addButton('subpages', {
        image: url + '/subpages.png',
        title: 'Liste der Unterseiten',
        onclick: function() {
            editor.insertContent('<div style="width: 100%">BLAH</div>');
        }
    });
});

我该怎么做才能让用户删除添加的＆＃34; DIV＆＃34;从页面？
使用其他插件，我可以单击该元素并将其删除，但对于我的元素，它不起作用...

非常感谢 Luca Bertoncello

Answer 1

也许您可以在div中添加data-属性，然后使用JavaScript查找？然后，您可以通过JavaScript从内容中删除该DOM元素，其余内容将不受影响。

如果您的代码的多个实例可以出现在编辑器中，data-属性将允许您唯一地定义每个实例

<div data-myplugin-id="1">....</div>
.
.
.
<div data-myplugin-id="2">....</div> 

...因此data-myplugin-id中的唯一值会允许您专门定位每个值。