Compatibilitatea execCommand

Acest tabel este in constructie. Chiar daca majoritatea browserelor suporta cele mai primare functionalitati, pot exista diferente de implementare.

De exemplu, cand facem o selectie bold, IE si Opera adauga un tag <strong>, pe cand Mozilla adauga <span style="font-weight: bold">. Implementarea Safari este ciudata.

Aici puteti urmarii cercetarea mea in curs a execCommand(). Aceasta metoda va permite sa executati comenzi ca Copy sau Bold. Toate browserele o suporta, dar evident sunt diferente.

In mare Opera urmeaza implementarea IE de aproape, pe cand Mozilla si Safari au propriile implementari.

Vezi de asemenea pagina de test.

Note generale

Cand schimbam stilurile unui bit de text inline, Safari aplica mereu un <span class="Apple-style-span"> elementului block-level care este parintele textului inline, in plus fata de un span cu aceasi clasa si declaratia CSS corespunzatoare din jurul textului inline propriu.

De exemplu, presupunem ca utilizatorul selecteaza "bit of text" din acest paragraf si il face bold:

<p>This is a bit of text that the user selected.</p>

Safari genereaza asta:

<p><span class="Apple-style-span">This is a
	<span class="Apple-style-span" style="font-weight: bold">bit of text</span>
	that the user selected</span>.</p>

<span>-ul care este in plus, cat si numele clasei sunt binenteles inutile.

Bookmarks: http://www.bazon.net/mishoo/articles.epl?art_id=1292

Compatibilitate

Metoda sau proprietate Explorer 6/7 Firefox 2 Safari 3 Opera 9
backcolor
 da da da da

Moz/Saf necesita #. Moz/Op give bgcolor la selectia elementului, este parte a , IE/Saf la selectia insasi.
Pentru a obtine efectul IE/Saf in Moz, folositi hilitecolor.
bold
 da da da da
Note
contentReadOnly
 nu da ? nu
IE da eroare
copy
 da protejat da protejat
Ctrl+C functioneaza mereu
createbookmark
 ? ? ? ?
Note
createlink
 da da da da
Note
cut
 da protejat da protejat
Ctrl+X functioneaza mereu
Metoda sau proprietate Explorer 6/7 Firefox 2 Safari 3 Opera 9
decreasefontsize
 nu da ? incorect
Op permite o singura decrementare; a doua transforma textul la loc.
delete
 da da da da
Note
fontname
 da da da da
Note
fontsize
 nu groaznic da groaznic

Moz/Op genereaza un tag (gulp!) <font> cu size egala cu parseInt(valoare). Saf creaza o declaratie font-size CSS de marime normala.
forecolor
 da da da da
Moz/Saf necesita #
formatblock
(puneti selectia in header sau paragraf) 		nu da cu bug-uri Incomplete
Opera schimba numai primul element block-level in selectie catre blucul dorit.
Metoda sau proprietate Explorer 6/7 Firefox 2 Safari 3 Opera 9
heading
 nu da nu nu
Note
hilitecolor
 nu da nu da

Face acelasi lucru ca si bgcolor in IE/Saf: da numai selectiei it gives only the selection (si nu blocului care o contine) bgcolor-ul definit.
increasefontsize
 nu da ? incorect
Op permite o singura incrementare; a doua transforma textul la loc.
indent
 incorect da cu bug-uri mai incorect

Moz adauga 40px de margin-left per indent. IE/Op asauga (gulp!) blockquote pentru fiecare indent.

Cand se aplica unui <li>, Moz/IE genereaza <ol/ul>, dar Op insereaza din nou un <blockquote>.
inserthorizontalrule
 da da da da
Note
inserthtml
 nu da ? nu
Note
Metoda sau proprietate Explorer 6/7 Firefox 2 Safari 3 Opera 9
insertimage
 da da da da
IE permite redimensionarea imaginii
insertorderedlist
 aproape da aproape da
Daca nou creata lista ordonata contureaza o lista existenta, IE si Safari le unesc pe cele doua.
insertunorderedlist
 aproape da da da
Daca nou creata lista neordonata contureaza o lista existenta , IE le uneste pe cele doua.
insertparagraph
 da Alternative da da
Mozilla adauga un paragraf in jurul blocului selectat. Celelealte browsere sterg blocul selectat si insereaza un paragraf gol pe care utilizatorul il poate umple.
italic
 da da da da
Note
justifycenter
 da da da da
Note
Metoda sau proprietate Explorer 6/7 Firefox 2 Safari 3 Opera 9
justifyfull
 da da da da
Note
justifyleft
 da da da da
Note
justifyright
 da da da da
Note
multipleselection
 ? ? ? ?
Note
outdent
 da da cu bug-uri da

Cand se aplica la <li> acela este un copil a unui singur <ol/ul>, Moz/IE muta <li> in afara <ol/ul>, in timp ce Op nu reactioneaza.

Din pacate IE are un bug major in pagina mea de test: muta <li> complet in afara elementului de test.
overwrite
 ? ? ? ?
Note
paste
 da protejat da protejat
Ctrl+V functioneaza mereu
print
 ? ? ? ?
Note
redo
 da da da da
Redo functioneaza in Safari, dar daca faceti Undo/Redo prea des, da eroare. Rezolvat in 3.
Daca va faceti propriile schimbari in zona editabila, Undo/Redo continua sa functioneze in Mozilla si Safari (chiar daca ignora schimbarile personalizate), dar in IE si Opera inceteaza sa lucreze.
Metoda sau proprietate Explorer 6/7 Firefox 2 Safari 3 Opera 9
refresh
 ? ? ? ?
Note
removeformat
 ? ? ? ?
Note
saveas
 ? ? ? ?
Note
selectall
 ? ? ? ?
Note
strikethrough
 da da da da
Note
styleWithCSS
 nu da ? nu
Da o comanda generica cum ca stilurile ar trebui aplicate cu CSS (true; implicit) sau cu taguri (false). Cand executam execCommand("bold") primul va genera <span style="font-weight: bold";>, al doilea <b>.
subscript
 da da da da
IE/Moz/Op: folosind aceasi comanda mereu elimina subscriptul. Folosind subscript si superscript impreuna da efecte ciudate.
superscript
 da da da da
IE/Moz/Op: folosind aceasi comanda mereu elimina superscriptul. Folosind subscript si superscript impreuna da efecte ciudate.
Metoda sau proprietate Explorer 6/7 Firefox 2 Safari 3 Opera 9
unbookmark
 ? ? ? ?
Note
underline
 da da da da
Note
undo
 da da da da
Undo functioneaza in Safari, dar daca folosim Undo/Redo prea des, da eroare. Rezolvat in 3.
Daca va faceti propriile schimbari in zona editabila, Undo/Redo continua sa functioneze in Mozilla si Safari (chiar daca ignora schimbarile personalizate), dar in IE si Opera inceteaza sa lucreze.
unlink
 da da da da
Note
Metoda sau proprietate Explorer 6/7 Firefox 2 Safari 3 Opera 9
Business Directory Add link SEO Directory - link submit