所见即所得删除标记答案

【问题标题】：wysiwyg remove markup所见即所得删除标记
【发布时间】：2012-05-19 22:22:31
【问题描述】：

我正在尝试学习 javascript 和 jquery，因为我有 mage 图像编辑器和现在所见即所得编辑器的项目，我遇到的问题是从选定的文本中删除标记p>

这是我目前所拥有的

 function removemarkup() {
  var range = window.frames['textEditor'].getSelection().getRangeAt(0);
  var selectionContents = range.extractContents();
  alert(selectionContents);
   var selectedText = selectionContents.toString();  
  alert(selectedText);
}

所有这些都是用任何想法替换所选文本

提前谢谢你

http://www.html5imageeditor.co.uk/texteditor/index.html

【问题讨论】：

我也是。你能给出重现不良行为的步骤吗？也许特定于浏览器？我用铬
您能否详细说明您的问题？期望的行为是什么？实际发生了什么？
也许您正在寻找document.execCommand('removeFormat')？
我目前正在使用 Firefox，这是我在 document.execCommand('removeFormat') 之后使用的，但它在我的编辑器上不起作用，所以我想要一种替代方法，谢谢
@tuckbloor 如果所选文本位于带有contenteditable 的元素内，它应该可以在Firefox 中工作......请参阅this page 的一半。这是一个演示 - jsfiddle.net/dz6fc

标签： javascript editor wysiwyg

【解决方案1】：

function removemarkup() {
  var range = window.frames['textEditor'].getSelection().getRangeAt(0);
  var selectionContents = range.startContainer.data;
  alert(selectionContents);
}

【讨论】：

谢谢你得到选定的文本我想要删除它周围的标签 ecxeccommand 对我不起作用谢谢你的帮助
@tuckbloor 我正在去机场搭飞机回家的路上。我会尽快跟进此事