Jdi na obsah Jdi na menu

WYSIWYG editory - jak fungují?

Pokud začínáte se stránkami, je dobré se naučit na jakém principu WYSIWYG editor funguje.

Co to je WYSIWYG editor?

WYSIWYG je zkratka pro What You See Is What You Get - Co Vidíš Je To Co Dostaneš.

Je to velmi jednoduché. Pokud jste někdy tento editor viděli, jistě Vám to připomíná textový editor. Je pravda že WYSIWYG je jim velmi podobný. Rozdíl je až v tom, že WYSIWYG podporuje většinou více než ostatní editory – má v sobě zabudované funkce vložení formulářů, tlačítek a obecně spousty HTML elementů/tagů.

Jak fungují WYSIWYG editory?

WYSIWYG funguje na tomto principu:

  1. Uživatel napíše nějaký text, který nějak zformátuje
  2. Aby bylo možné stránku použít, musí být zkopírována jako kód
  3. Editor zjistí, jaké formátování uživatel nastavil
  4. Toto formátování převede na HTML tagy
  5. Nakonec vše zobrazí

Většina editorů překládá stránky do HTML (Hypertext Markup Language) což je značkovací jazyk. Jistě ale existují i jiné editory, které fungují na tomto principu – lze naklikat vzhled tlačítka, poté jej editor přeloží do CSS (Cascading Style Sheets) a zobrazí.

Je vhodné používat tento editor?

WYSIWYG editor je super možnost jak snadno a bez programování udělat celkem vzhlednou stránku.

Podle mého názoru je editor vhodný pro zjištění principu tvoření webů. Nejlepší je experimentovat - napíšete si trochu textu, přidáte nějaké obrázky nebo třeba tlačítka a prohlédnete si kód.

► Profi TIP: Pro zvýšení efektivity Vašeho učení si u každého kousku kódu zkuste říct, co daný kód dělá - experimentujte. Zkoušejte, co se stane, když odeberete tohle nebo něco přidáte.