Получение выбранного содержимого html в редакторе tinymce

Я создал пользовательскую кнопку с помощью этого кода

    setup : function(ed) {
    ed.addButton('Tittle', {
                title : 'Tittle',
                image : './images/T.jpg',
                onclick : function() {
                ed.focus();
            var c = ed.selection.getNode().nodeName;
        if(c!="TITTLE")
        {
             ed.selection.setContent('<tittle>' + ed.selection.getContent() + '</tittle>');

        }
        else
        {

        }
}
        });

Когда пользователь выбирает текст и нажимает на новую кнопку, я хочу добавить тег <title> в начало и конец, если тег <tittle> не является их. Если тег <tittle> уже принадлежит их в выбранном текст Я хочу удалить тег

Ответы

Ответ 1

попробуйте

selection.getContent({format : 'text'});

или

selection.getContent({format : 'html'});

http://www.tinymce.com/wiki.php/API3:method.tinymce.dom.Selection.getContent

РЕДАКТИРОВАТЬ: Чтобы добиться того, что вы хотите, вы можете сделать:

if(c!="TITTLE") {

  node = ed.selection.getNode();

  with(document.getElementById(iframe_id).contentWindow){
      var newElement = document.createElement("tittle");
      newElement.innerHTML = node.innerHTML;
  }

  node.parentNode.replaceChild(newElement, node);

}
else {

  node = ed.selection.getNode();

  with(document.getElementById(iframe_id).contentWindow){
      var newElement = document.createTextNode(node.innerHTML);
  }

  node.parentNode.replaceChild(newElement, node);
}

Ответ 2

var node = tinyMCE.activeEditor.selection.getContent();
tinyMCE.execCommand('mceReplaceContent', false, %your value, can use node%");