PŘEJETE SI OVLÁDNOUT MIOWEB A TVOŘIT SVŮJ WEB S RADOSTÍ?

PŘIJĎTE NA WORKSHOP 29.11. V BRNĚ

CO JE VIZUÁLNÍ EDITOR?

Vizuální editor (angl. visual editor) je nástroj, který slouží k vytváření obsahu webových stránek, a to bez znalosti programování. 

Vizuální editor bývá někdy označován i jako WYSIWYG editor, což vychází z anglické věty „What you see is what you get“ (v češtině „Co vidíš, to dostaneš“). Toto pojmenování popisuje princip jeho fungování.

Umožňuje jednoduše formátovat text, vkládat do něj obrázky, videa, zvukové záznamy a další elementy. Některé varianty dovolují takto upravovat i vzhled či strukturu jednotlivých stránek a další vlastnosti, záleží na propracovanosti a možnostech konkrétního editoru.

Uživatel pracuje s obsahem a editor v takových chvílích zastává roli programátora – vše převádí do potřebného internetového jazyka, aby se výsledek zobrazoval na internetu správně a srozumitelně. Ačkoliv jsou rozšířené především online verze těchto editorů, kdy jsou součástí celku v podobě redakčního systému, existují i typy určené pro instalaci do počítače.

Rozdíl mezi vizuálním a HTML editorem

O výsledné podobě textu rozhodují HTML značky neboli tagy. V HTML editoru je musí uživatel zadávat sám, když chce např. nějaké slovo tučným písmem, podtržené atd. Takže pokud bychom slovo „web“ potřebovali kurzívou, pak by zápis v HTML editoru vypadal takto: <i>web</i>. Ve vizuálním editoru není potřeba toto tagování řešit, stačí jen označit příslušné slovo a v editační liště kliknout na ikonu potřebné úpravy.

Příjemné uživatelské prostředí

Jednou z charakteristik vizuálního editoru je snadná obsluha, kterou zaručuje intuitivní uživatelské prostředí. Připomíná běžný kancelářský program, kdy požadované úpravy, jako například změna velikosti písma či vložení fotografie, vyžadují jen pár kliknutí na příslušné tlačítko.

Při práci v editoru je zpravidla také možné využít rozšířené klávesové zkratky typu Shift+Enter (zalomení řádku), Ctrl+C (kopírovat), Ctrl+X (vyjmout) apod. nebo tzv. drag and drop („táhni a pusť) techniku pro přemisťování prvků či obměny tvaru s využitím myši, eventuálně touchpadu. To znamená, že pokud uživatel pracující v editoru potřebuje umístit do připravovaného článku obrázek, stačí mu, když ho uchopí stlačením levého tlačítka myši a poté ho pomyslně přenese do okna s vizuálním editorem. Nikde nemusí dohledávat cestu nebo spouštět nahrávání.

5 nejznámějších vizuálních editorů

  • TinyMCE – někteří jej označují nepřesně jako WordPress editor, protože je součástí tohoto populárního systému.
  • NicEdit
  • OpenWysiwyg
  • CKEditor
  • Spaw Editor

Vizuální editor vs. CMS systém

Někdy se lze setkat s tím, že je za editor pro tvorbu webu považován celý redakční systém (CMS). Ten ale představuje komplexní nástroj pro správu a administraci webu, resp. jeho obsahu, proto se nazývá i jako publikační. Jeho součástí je právě vizuální editor, přes který je možné zveřejňovat články, stránky a podstránky s požadovaným formátováním. Mezi nejpopulárnější redakční systémy patří WordPress, Joomla a Drupal, které jsou k dispozici zdarma. A stejně tak mnohá rozšíření pro jejich personalizaci nebo spolehlivejší/rychlejší chod.