Blokový editor EditorJS
EditorJS umožňuje skládat obsah z jednotlivých bloků: například odstavce, nadpisu a obrázku. Každý blok můžete upravit samostatně. Tento návod se týká editoru v administraci, nikoliv editace veřejného webu přímo na stránce.
Kdy tento návod použít
EditorJS musí být zapnutý pro konkrétní obsahové pole. Pokud místo bloků vidíte klasický textový editor, nepřepínejte nastavení typu obsahu sami; používejte dostupný editor nebo se obraťte na správce.
Nabídku bloků a formátování určuje nastavení projektu a pole. Není zaručeno, že každý editor na webu nabízí všechny níže uvedené možnosti.
Napsat a uspořádat obsah
- Otevřete stránku přes Content → Content items → Edit a najděte pole s blokovým editorem.
- Klikněte do textového bloku a napište odstavec. Klávesou Enter pokračujte dalším blokem.
- Pro jiný druh obsahu otevřete nabídku + u prázdného bloku a vyberte dostupný typ, například nadpis nebo obrázek.
- Vyplňte obsah nového bloku.
- V nabídce konkrétního bloku upravte jeho vlastnosti. Pokud nabízí změnu pořadí, přesuňte blok na požadované místo.
- Před uložením projděte celé pole a odstraňte omylem vložené nebo prázdné bloky pomocí jejich nabídky.
Vybrat vhodný typ bloku
Tabulka – širší obsah posuňte do stran
| Blok | Kdy jej použít |
|---|---|
| Odstavec | Souvislý text |
| Nadpis | Začátek významové části; úroveň vybírejte podle struktury obsahu |
| Seznam | Výčet položek nebo postup v několika krocích |
| Obrázek | Ilustrace nebo fotografie z knihovny médií |
| Citace | Citovaný výrok a jeho autor |
| Tlačítko | Výrazný odkaz na další akci |
| Tabulka | Údaje, které je vhodné porovnat v řádcích a sloupcích |
| Varování | Zvýrazněné sdělení s titulkem a textem |
| Oddělovač | Vizuální oddělení částí obsahu |
Pokročilé bloky, například kód, shortcode nebo vložené video, používejte pouze tehdy, když je pole nabízí a znáte jejich účel. Shortcode nebo externí obsah může vyžadovat další nastavení projektu.
Formátovat text a nadpisy
Označte text a použijte nabízenou lištu pro tučné písmo, kurzívu nebo odkaz. Pokud je zapnutá horní lišta, některé ovladače najdete také nad editorem.
U nadpisu vyberte v nabídce bloku dostupnou úroveň. Nadpis má popisovat obsah následující části. Nevolte vyšší úroveň pouze kvůli větší velikosti písma.
U seznamu vyberte odrážky pro výčet a číslování pro pořadí kroků. Zarovnání a další vlastnosti měňte pouze prostřednictvím voleb, které konkrétní blok nabízí.
Vložit obrázek
- Přidejte blok Obrázek.
- Použijte výběr souboru z knihovny médií a vyberte odpovídající obrázek. Podrobnosti k souborům najdete v knihovně médií.
- Doplňte popisek a alternativní text, pokud je blok nabízí. Alternativní text má vysvětlit význam obrázku, nikoliv zopakovat název souboru.
- Pokud jsou dostupné varianty šířky nebo zarovnání, vyberte vhodnou a zkontrolujte ji v náhledu stránky. Šířka v editoru nemusí odpovídat výslednému zobrazení na webu.
Vložit odkaz
- Označte text odkazu a zvolte ovladač odkazu.
- Pokud je dostupný výběr obsahu, vyhledejte cílovou stránku a vyberte správný jazyk. Jinak vložte požadovanou URL do nabízeného pole.
- Potvrďte výběr a následně ověřte cíl v náhledu nebo na zveřejněné stránce.
Text odkazu má vysvětlovat, kam vede, například „Podmínky dopravy“ místo samotného „zde“.
Uložit a zkontrolovat výsledek
Editor je součástí formuláře stránky. Změny dokončete uložením celé stránky; nespoléhejte na to, že napsaný text už je bezpečně uložený jen proto, že jej vidíte v editoru.
- Uložte rozpracovaný obsah jako koncept pomocí dostupné akce.
- Otevřete náhled, je-li dostupný, a ověřte pořadí bloků, nadpisy, obrázky a odkazy.
- Po kontrole stránku publikujte nebo předejte uživateli s odpovídajícím oprávněním.
- Ověřte veřejnou stránku také v užším zobrazení.
Podrobnosti popisuje správa stránky.
HTML režim a synchronizace
Pokud editor nabízí přepínač HTML, jde o pokročilý režim. Ruční změna HTML může ovlivnit uložený obsah; nepovažujte jej pouze za neškodný náhled kódu. Převod mezi HTML a bloky nemusí zachovat všechna nastavení. Pro běžnou úpravu zůstaňte u blokového editoru.
Pokud se zobrazí upozornění Desynchronizováno, HTML obsah a uložené bloky si neodpovídají. Může k tomu dojít například po úpravě obsahu v jiném editoru a následném opětovném zapnutí EditorJS.
Než spustíte synchronizaci, uchovejte si potřebný obsah a ověřte se správcem, kterou podobu chcete zachovat. Synchronizace převádí HTML zpět do bloků a může zahodit jejich původní metadata, například některá nastavení vzhledu. Poté znovu zkontrolujte celý obsah i náhled; nepovažujte výsledek za správný pouze podle zmizení upozornění.
Když něco nefunguje
- Chybí požadovaný blok: ověřte se správcem, zda je v daném poli povolený.
- Obrázek nebo vložené video se nezobrazuje: zkontrolujte vybraný soubor nebo adresu. U externího obsahu může být nutné nastavení projektu.
- Obsah vypadá na webu jinak: zkontrolujte publikování a náhled celé stránky, ne pouze plochu editoru.
- Objevila se chyba při uložení: před zavřením stránky uchovejte rozpracovaný text. Podpoře předejte název stránky, pole, poslední provedenou akci a znění chyby.