Kašlite na WYSIWYG editory, použite CodeMirror

Ako človek, ktorý ovláda HTML určite nechcete použiť WYSIWYG editor, pretože všetci vieme aká je to zloba (niektoré by sa mali volať WYMYNG) a naopak prázdna <textarea> tiež nie je bohviečo, pretože ste zvyknutý na zvýrazňovanie syntaxe.

Riešením je písať články v externom editore a následne ich kopírovať do webového rozhrania, prípadne priamo do databázy alebo použiť CodeMirror.

CodeMirror je JavaScriptová knižnica umožňujúca editáciu rôznych typov textov a zdrojových kódov z pohodlia prehliadača.

WYSIWYG je zloba

• Navádza baviť sa s textom, a nie ho písať (môžte hodiny meniť farby, veľkosti písma, zarovnania, kravinky …)
• Výstupom nie je taký kód, aký autor chce
• Web sa s ním dá zhovadiť veľmi ľahko — spomeňte si, koľko krát ste videli stránku, ktorá bola od polovice boldom
• Nič sa nenaučíte, lebo všetko sa dá vyklikať

Radšej čistý text alebo HTML

• Keď vidíte len text = sústredíte sa len na text = nič vás nerozptyluje
• HTML? Áno! Čo si napíšete, to máte

Vlastnosti

Pár super vlastností (je ich ale oveľa viac):

• zalamovanie riadkov
• zvýraznenie aktuálneho riadku
• zobrazovanie TABov
• fullscreen editovanie
• podpora tém

Záver

CodeMirror poznám už dlhšie a používam ho najmä v administračných rozhraniach pre weby, kde je potrebné editovať priamo HTML, či CSS a pre takýto typ použitia, som zatiaľ nič lepšie nevidel.

Samozrejme existujú i iné alternatívy písania textov (napr. štýlom ako Wikipedia, či Texy!), no najviac mi vyhovuje takýto - čisté HTML.

Poznámky

• Aktuálna verzia CodeMirror je 2.21 (http://codemirror.net/)
• Zvyčajne texty napíšem ako čistý text s odstavcami a potom sa pustím do formátovania. CodeMirror mi pomáha potom pri dopisovaní a posledných úpravách.
• podobné projekty: Ymacs, jsvi (vi-clone)