Как правильно добавить кнопку вставки HTML тэга в редактор TinyMCE?

Question

[Илья Белобородов]

Добавляю кнопку, она отображается. Вот код

(function() {
  tinymce.create('tinymce.plugins.insert_gallery', {
    init : function(ed, url) {
      ed.addButton('insert_gallery', {
        title : 'Вставить слайдер',
        image : url + '/img/gallery.png',
        onclick : function() {
          ed.selection.setContent('<xpageslider>' + ed.selection.getContent() + '</xpageslider>');
        }
      });
    },
    createControl : function(n, cm) {
      return null;
    },
  });
  tinymce.PluginManager.add('insert_gallery', tinymce.plugins.insert_gallery);
})();

обратите внимание на то, что я хочу добавить в редактор <xpageslider>. При добавлении этого тэга в редактор он сразу же вырезается. В init() я разрешил вставлять все тэги. В других случаях, например вставки кода через диалоговое окно редактора - прокатывает и все норм.

Может есть специальный метод вставки html тэгов?

Answer 1

[Илья Белобородов]

Решил, вставляемый тэг не должен быть пустым

(function() {
  tinymce.create('tinymce.plugins.insert_gallery', {
    init : function(ed, url) {
      ed.addButton('insert_gallery', {
        title : 'Вставить слайдер',
        image : url + '/img/gallery.png',
        onclick : function() {
          ed.selection.setContent('<xpageslider>&nbsp;</xpageslider>');
        }
      });
    },
    createControl : function(n, cm) {
      return null;
    },
  });
  tinymce.PluginManager.add('insert_gallery', tinymce.plugins.insert_gallery);
})();