Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Learn More

Táto téma bola archivovaná. Ak potrebujete pomôcť, založte prosím novú otázku.

document.execCommand("formatBlock", false, "H1") is splitting the editable span

  • 1 odpoveď
  • 5 má tento problém
  • 5 zobrazení
  • Posledná odpoveď od John99

Tathagata
Tathagata
more options

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>


So it's replacing it's enclosing div and replacing it by

. This is what I expected.

document.execCommand("formatBlock", false, "H1") is splitting the editable span. I have the following html... <pre><nowiki><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> </nowiki></pre> Now I selected "Roy" and used document.execCommand("formatBlock", false, "H1") and the HTML becomes like following <pre><nowiki><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> </nowiki></pre> So it's splitting into three editable spans. But other browsers like chrome/IE are giving output like following<br /> <br /> <pre><nowiki><div> <span> Try this. Try this. </span> </div> <h1>Tathagata Roy</h1> </nowiki></pre> So it's replacing it's enclosing div and replacing it by <h1>. This is what I expected.

Upravil(a) cor-el dňa

Všetky odpovede (1)

John99
John99
more options

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.

Upravil(a) John99 dňa