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 Heart rate monitors