html清除选择的值,javascript – 删除contenteditable中选择内的所有HTML标记

我这样做的方法是迭代选择内的节点并删除内联节点(可能单独留下< br>元素).这是一个例子,为方便起见使用我的

Rangy库.它适用于所有主流浏览器(包括IE 6),但不是很完美：例如,它不会拆分部分选定的格式元素,这意味着部分选择的格式元素被完全删除,而不仅仅是选定的部分.解决这个问题会更棘手.

码：

var getComputedDisplay = (typeof window.getComputedStyle != "undefined") ?

function(el) {

return window.getComputedStyle(el, null).display;

} :

function(el) {

return el.currentStyle.display;

};

function replaceWithOwnChildren(el) {

var parent = el.parentNode;

while (el.hasChildNodes()) {

parent.insertBefore(el.firstChild, el);

}

parent.removeChild(el);

}

function removeSelectionFormatting() {

var sel = rangy.getSelection();

if (!sel.isCollapsed) {

for (var i = 0, range; i < sel.rangeCount; ++i) {

range = sel.getRangeAt(i);

// Split partially selected nodes

range.splitBoundaries();

// Get formatting elements. For this example, we'll count any

// element with display: inline, except
s.

var formattingEls = range.getNodes([1], function(el) {

return el.tagName != "BR" && getComputedDisplay(el) == "inline";

});

// Remove the formatting elements

for (var i = 0, el; el = formattingEls[i++]; ) {

replaceWithOwnChildren(el);

}

}

}

}

​