Spletno mesto bo delovalo z omejenimi zmožnostmi, medtem ko na njem izvajamo vzdrževalna dela za vas. Če članki ne rešijo vaše težave in želite zastaviti vprašanje, naša skupnost za podporo čaka na vas na @FirefoxSupport na Twitterju in na /r/firefox na Redditu.

Avatar for Username

Iskanje po podpori

Izogibajte se prevarantski tehnični podpori. Nikoli vam ne bomo naročili, da pokličete telefonsko številko ali nam pošljete osebne podatke. Sumljivo dejavnost prijavite z gumbom »Prijavi zlorabo«.

Več o tem

Ta tema je arhivirana. Postavite prosim novo vprašanje, če potrebujete pomoč.

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

  • 1 odgovor
  • 5 ima to težavo
  • 2 ogleda
  • Zadnji odgovor 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.

Spremenil cor-el

Vsi odgovori (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.

Spremenil John99