zdarma online HTML code editor s okamžitým živým náhledem. Zadejte svůj kód do editoru a při psaní zobrazte změnu náhledu. Sestavte své dokumenty snadno bez instalace jakéhokoli programu.
Zde je další on-line HTML editor, který je pomocí WYSIWYG visual editor napojeny na zdroj editor, ale zjistili jsme, že je nutné vytvořit samostatný skladatel kde TinyMCE není přepsání chyby a dává více svobody a kontroly., Tento konkrétní editor opravuje náš kód pokaždé, když považuje něco za chybu, i když jsme to nechtěli. Nyní můžeme použít nestandardní značky a atributy, ASP.NET značky a další.
jak používat editor HTML kódu?
při prvním načtení webu uvidíte zdrojový editor předem vyplněný demo textem, který vám umožní experimentovat s nástrojem. Načtěte tento text kdykoli budete chtít pomocí volby přidělené nabídky. Chcete-li otevřít novou značku, použijte seznam nad textovou oblastí. Zavřete otevřené značky kliknutím na tlačítko zavřít na pravé straně horní části., Tím se položky zavřou jeden po druhém v opačném pořadí otevření.
hlavní oblast vytváření HTML používá zvýraznění syntaxe, Aby značky značkovacího jazyka byly snadno rozpoznatelné a čitelnější. Množství znaků se zobrazí spolu s hlavními ovládacími tlačítky: zpět, nová stránka, nastavovač velikosti písma, kompresor a hlavní tlačítko pro čištění HTML, které provede všechny zaškrtnuté možnosti čištění.
oblast náhledu je umístěna na pravé straně zdrojového editoru a změny se zde okamžitě odrážejí, aby se HTML skládání stalo lidštějším., Tato část používá BOOTSTRAP CSS, který vám umožní používat styly nejoblíbenějšího front-end rámce.
posouvání dále dolů najdete mnoho užitečných integrovaných nástrojů. Pomocí průvodce tagy můžete provádět hromadné operace s kódem. Po první tag název sloupce seznamu, existují další možnosti, jak vytvářet nové kategorie, vyměňte je, je zcela odstranit jejich obsah, odstranit pouze tagy, odstranit tag atributy některých značek a je možné převést tabulky a seznamy strukturované prvky div., Kromě předdefinovaných iframe, tabulka, odkaz, span, obrázek, formulář a seznam značek můžete definovat a manipulovat další značky, jejich vkládání do vstupního pole. Každý tag průvodce akce mohou být prováděny jednotlivě, s malou hrát tlačítek nebo mohou být nastaveny účinné kontrole šedé tečky a uplatňovat je spolu s hlavní tlačítko v pravém horním rohu okna.
nejzákladnější funkce čištění HTML jsou k dispozici a mohou být použity jeden po druhém nebo všechny aktivní možnosti současně., Vymažte inline styly, nežádoucí třídy a ID, prázdné značky, značky obsahující pouze jeden nerozbitný prostor, po sobě jdoucí mezery, Komentáře. Můžete se také zbavit všech atributů značek (s výjimkou src obrázků a href kotva tagy) nebo odstranit všechny tagy s jedním kliknutím myši, což dokumentu prostý text.
nástroj nahradit může vypadat a vyměňovat textové bity v celém dokumentu, obsahu, atributech značek, stylech nebo v třídách/ID. To nepodporuje regulární výrazy.,
výběr barev je další důležitou vlastností editoru kódu HTML, který nám umožňuje snadno vybrat požadovanou barvu a uložit je pro pozdější použití. Nejběžnější úryvky kódu lze snadno zkopírovat do editoru.
textový generátor vyplňuje editor nebo přidělenou oblast na stránce některými základními odstavci Lorem Ipsum.
užitečné tipy
uchovávejte zálohu obsahu a vždy ukládejte průběh práce.
Ujistěte se, že ověřujete kód HTML před publikováním, abyste se vyhnuli chybám.
Přečtěte si o všech špatných praktikách HTML zde.,
použijte CSS níže ke stylu divs převedených z tabulek: