在 tinymce 编辑器中获取选定的 html 内容答案

【问题标题】：Getting selected html content in tinymce editor在 tinymce 编辑器中获取选定的 html 内容
【发布时间】：2010-10-21 08:22:18
【问题描述】：

我使用此代码创建了一个自定义按钮

    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> 标签已经是他们的选择我要删除标签的文本

【问题讨论】：

标签： get tinymce

【解决方案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);
}

【讨论】：

谢谢 Thariama。但是如果我选择一个带有相同标签的文本，它只会给出文本，如果我选择一个带有 2 个不同标签的文本，它会给出带有内容的 html
hmm，这可能是因为在第一种情况下选择只包含文本，但在第二种情况下，中间有标签（在选择内）。它会给你完整的 html（完整标签）吗？
你正在获取带有标签的完整 html
一种不太好的方法可能是扩大选择范围以获取标签并随后将其剪切
标签不是我创建的标签的html标签。如果我选择一个带有有效html标签的内容，那么整个html就会出现

【解决方案2】：

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

【讨论】：