← Úvod

Kašlite na WYSIWYG editory, použite CodeMirror

Predstavte si, že ste programátor a vyvíjate si nejaký vlastný CMS systém, povedzme niečo, čo by vám pomohlo publikovať svoje názory a myšlienky na internete (napr. blog).

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.

image

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)