Javascript: execCommand("removeformat") doesn't strip h2 tag - Stack Overflow

admin管理员组

文章数量:1339197

I'm tweaking a wysiwyg editor, and I'm trying to create an icon which will strip selected text of h2.

In a previous version, the following mand worked perfectly:

oRTE.document.execCommand("removeformat", false, "");

But in the current version, although that mand successfully removes from selected text such tags as bold, underline, italics, it leaves the h2 tag intact.

(Interestingly enough, execCommand("formatblock"...) successfully creates the h2 tag.)

I'm thinking that I'm going to have to abandon execCommand and find another way, but I'm also thinking that it will be a lot more than just 1 line of code! Would be grateful for suggestions.

I'm tweaking a wysiwyg editor, and I'm trying to create an icon which will strip selected text of h2.

In a previous version, the following mand worked perfectly:

oRTE.document.execCommand("removeformat", false, "");

But in the current version, although that mand successfully removes from selected text such tags as bold, underline, italics, it leaves the h2 tag intact.

(Interestingly enough, execCommand("formatblock"...) successfully creates the h2 tag.)

I'm thinking that I'm going to have to abandon execCommand and find another way, but I'm also thinking that it will be a lot more than just 1 line of code! Would be grateful for suggestions.

• javascript

Share Improve this question Follow edited Dec 26, 2012 at 10:36 oyvey asked Dec 25, 2012 at 7:56 oyveyoyvey 61711 gold badge99 silver badges2020 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

You can change your format to div, it's not the best solution but it works and it's short:

document.execCommand('formatBlock', false, 'div')

There is also this other solution to get the closest parent from selected text then you can unwrap it, note that this can be some tag like <b>:

var container = null;
if (document.selection) //for IE
    container = document.selection.createRange().parentElement();
else {
    var select = window.getSelection();
    if (select.rangeCount > 0)
        container = select.getRangeAt(0).startContainer.parentNode;
}
$(container).contents().unwrap(); //for jQuery1.4+

This is in accordance with the proposed W3C Editing APIs. It has a list of formatting elements, and the H# elements are not listed. These are considered structural, not simply formatting. It doesn't make any more sense to remove these tags than it would to remove UL or P.

I think you can use the Range object. you can find it from Professional JavaScript for Web Developers 3rd Edition. chapter 12(12.4) and chapter 14(14.5) ...

an example from that book:

var selection = frames["richedit"].getSelection();

var selectedText = selection.toString();

var range = selection.getRangeAt(0);

var span = frames["richedit"].document.createElement("span");
span.style.backgroundColor = "yellow";
range.surroundContents(span);

本文标签： Javascript execCommand(quotremoveformatquot) doesn39t strip h2 tagStack Overflow