Přejít na obsah

HTML editor

Pište jako v textovém editoru a hned uvidíte hotový kód HTML.

Vizuální
Načítám editor…
Další možnosti čištění →
NáhledSkripty se zde nespouštějí. Potřebujete spustit JavaScript? Použijte Náhled HTML
Běží v prohlížeči – dokument se ukládá jen v tomto zařízení. Tlačítko Vymazat ho odstraní.

Jak použít

  1. V části Rozložení zvolte Vedle sebe, abyste viděli text i HTML kód.
  2. Vložte text z Wordu nebo Google Docs do vizuálního editoru.
  3. Nastavte Styl kódu při synchronizaci na Formátovaný (2 mezery) pro přehledné odsazení.
  4. V nabídce Stáhnout jako zvolte Fragment, pokud potřebujete jen obsah pro vložení do webu.
  5. Zrušte výběr textu a stiskněte Ctrl+Shift+C, na Macu Cmd+Shift+C, pro zkopírování HTML.

Příklady

Text z Wordu pro obecní web

Vstup
<p class="MsoNormal" style="margin:0;mso-margin-top-alt:auto"><b>Oznámení obecního úřadu</b><o:p></o:p></p>
<p class="MsoNormal" style="font-family:Calibri">V pondělí bude podatelna otevřena do 17 hodin.</p>
Výstup
<p><strong>Oznámení obecního úřadu</strong></p>
<p>V pondělí bude podatelna otevřena do 17 hodin.</p>

Úklid odkazu z redakčního systému

Vstup
<p class="aktualita" style="color:#333"><span>Přihlaste se na <a href="https://www.knihovna-brno.cz/kurzy" class="tlacitko" target="_blank">kurz práce s počítačem</a>.</span></p>
<p></p>
Výstup
<p>Přihlaste se na <a href="https://www.knihovna-brno.cz/kurzy">kurz práce s počítačem</a>.</p>

Článek bez skriptu a atributů navíc

Vstup
<h2 class="nadpis">Farmářské trhy v sobotu</h2>
<p style="color:green">Přijďte na náměstí od 8 do 12 hodin.</p>
<iframe src="https://www.trhy-praha.cz/mapa" title="Mapa trhu"></iframe>
<script>console.log('trhy');</script>
Výstup
<h2>Farmářské trhy v sobotu</h2>
<p>Přijďte na náměstí od 8 do 12 hodin.</p>

Časté dotazy

Mohu upravit celý HTML dokument včetně hlavičky?

Celý dokument můžete upravovat v kódu. Vizuální editor mění jen obsah těla stránky (body); doctype, hlavičku (head) i atributy značek html a body zachovává.

Spustí se v náhledu JavaScript?

JavaScript se v náhledu ani ve vizuálním editoru nespouští. Skripty a další nepodporované značky zůstávají v kódu jen do chvíle, kdy obsah upravíte vizuálně; potom se odstraní.

Mohu otevřít soubor DOCX přímo v editoru?

Soubory DOC ani DOCX přímo otevřít nelze. Otevřete dokument ve Wordu nebo Google Docs, zkopírujte text a vložte ho do vizuálního editoru.

Odesílá editor můj HTML kód na server?

Úpravy, čištění i formátování běží ve vašem prohlížeči a nástroj dokument na server neposílá. Rozpracovaný dokument se ukládá v tomto prohlížeči; externí obrázky a další zdroje se však načítají z původních adres, jejichž servery mohou vidět vaši IP adresu.

Jak velký HTML soubor mohu otevřít?

Soubory větší než 10 MB editor odmítne. U kódu nad 2 MB se pozastaví živá synchronizace mezi panely; druhý panel pak aktualizujete tlačítkem Synchronizovat.