Плагин для 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>'); 
     } 
    }); 
}); 

Что делать, чтобы позволить пользователю удалить добавленный «DIV» со страницы?
С другой плагин я могу просто нажать на элемент и удалить его, но для моего элемента он не работает ...

Спасибо большое
Лука Bertoncello

Answer 1

Может быть, вы могли бы добавить атрибут data- к div, а затем искать это с помощью JavaScript? Затем вы можете удалить этот элемент DOM из содержимого через JavaScript, а оставшийся контент будет не затронут.

Если несколько экземпляров кода может появиться в редакторе атрибут data- позволит вам однозначно определить каждый один

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

... поэтому уникальные значения в data-myplugin-id позволит Вам предназначаться каждый из них специально ,