document.execCommand("formatBlock", false, "H1") is splitting the editable span
document.execCommand("formatBlock", false, "H1") is splitting the editable span. I have the following html...
<span style="border: 2px solid rgb(180, 199, 223); padding: 0px;" contentEditable="true"> <div> <span> Try this. Try this. </span> </div> <div>Tathagata Roy </div> </span>
Now I selected "Roy" and used document.execCommand("formatBlock", false, "H1") and the HTML becomes like following
<span style="border: 2px solid rgb(180, 199, 223); padding: 0px;" contenteditable="true"> <div> <span> Try this. Try this. </span> </div> </span> <h1> <span style="border: 2px solid rgb(180, 199, 223); padding: 0px;" contenteditable="true"> <div> Tathagata Roy </div> </span> </h1> <span style="border: 2px solid rgb(180, 199, 223); padding: 0px;" contenteditable="true"> </span> </span>
So it's splitting into three editable spans.
But other browsers like chrome/IE are giving output like following
<div> <span> Try this. Try this. </span> </div> <h1>Tathagata Roy</h1>
. This is what I expected.
Wot cor-el
Wšě wotmołwy (1)
You would probably get an answer in another forum, maybe try one of the Mozillazine forums if it is an enquiry about coding and use of a website. Possibly try : http://forums.mozillazine.org/viewforum.php?f=25
In the unlikely event that it is due to a fault with Firefox then a bug will need to be filed.
Wot John99