niedziela, lipca 08, 2007

Uparłem się na edytor w JavaScript i dHTML

Uparłem się w piątek, że napiszę prosty edytor w dHTMLu [czyli JavaScript + HTML ;-)].
Pierwsze moje podejście było dość proste :-) polegało na wykorzystaniu DIVa i jego zdarzenia onkeypress, okazuje się jednak, że jest prostsze podejście ;-)
Trzeba przełączyć DIVa czy lepiej cały dokument w IFRAME w tryb edycji, co uzyskujemy w IE dzięki:

document.body.contentEditable = true;

a w FireFoksie, Operze i innych uczciwych ;-) przeglądarkach przy pomocy:

document.designMode = "On";

Później już trzeba tylko dodać interfejs dla edytorka i wykonywać przy pomocy wbudowanej w przeglądarkę metody execCommand() odpowiednie funkcje ;-)

Poniżej przykład ;-)



Jak widać działa to dość ładnie, nie ma się zresztą czemu dziwić na tej samej zasadzie działa np. edytor Bloggera ;-)

[Update: 06/08/2007 - na mojej stronie domowej można znaleźć stronę edytorka :-)]


Podobne postybeta
Dart wolny.... w sensie nieprędki
Nexus S - wrażenia z boju ;-)
Lekki przesadyzm ;-)
Swing - największe zło Java'y ;-)
Olśnienie... chyba wiem jak zrobić R-Drive [czyli dysk R:\ będący "obrazem" Google Docs ;-)]