JavaScript document.execCommand remove formatting formatting?

Question

If I format a piece of text on a page as follows:

document.execCommand('formatBlock', false, 'h1'); 

What to do to remove this formatting?

Answer 1

I suppose document.execCommand('removeFormat',false,false) would do this?

Issuing document.execCommand('formatBlock', false, 'div') on the <h1> block will remove the <h1> -tag and replace it with <div> -tag ¹ . Will it be viable?

¹ If you are not using IE

Answer 2

I clear the h1 effect using this:

 document.execCommand('formatBlock', false, 'p'); 

You changed its format to h1, so we can return it to the normal paragraph format in the same way.
If you put each paragraph in a <div>, you can also use this:

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

set the format in the same way as other blocks.

Answer 3

you may need to find the parent tag, then use innerHTML to get the text and replace the original data between the parent tag and the end tag with innerHTML. This, however, will remove all formatting.

Answer 4

I had the same problem when I needed to remove a tag wrapping my text.

What I did was get the parent node of the selected text:

var elem_parent_node = window.getSelection (). getRangeAt (0) .startContainer.parentNode;

And then check if it is nodeName "H1"; if so, then save the selected text in the selected_text variable and then delete the node itself:

elem_parent_node.remove ();

Then,

document.execCommand ('insertText', false, select_text);