Editor HTML

Píšte HTML, CSS a JavaScript a sledujte stránku už pri písaní

Konzola
  1. Tu sa zobrazia správy console.log() a chyby vo vašom JavaScripte.

Váš kód beží vo vašom prehliadači v samostatnom ráme a ukladá sa len do tohto zariadenia.

Ako používať online HTML editor

Krok 1

Napíšte alebo vložte kód na karty HTML, CSS a JavaScript

Krok 2

Pri písaní sledujte náhľad a konzolu

Krok 3

Skopírujte alebo stiahnite stránku ako jeden súbor HTML

Editor kódu so živým náhľadom

Píšte kód na kartách HTML, CSS a JavaScript a náhľad vedľa nich ukazuje stránku už pri písaní. Zrušte zaškrtnutie „Aktualizovať pri písaní“, ak chcete kód spúšťať len tlačidlom „Spustiť“ alebo klávesmi Ctrl+Enter. Editor zvýrazňuje kód, odsadzuje nové riadky, uzatvára zátvorky a značky a vyznačuje chyby na okraji a konzola pod náhľadom ukazuje, čo váš skript vypisuje pomocou console.log(), aj chyby, ktoré vyhodí, s číslami riadkov. Tlačidlá nad náhľadom zobrazia stránku v šírke notebooku, tabletu alebo telefónu a tlačidlo celej obrazovky dá editoru celé okno.

Vaša stránka beží v samostatnom izolovanom ráme, takže jej štýly a skripty nemôžu zmeniť tento web a web váš kód nečíta. Kód sa ukladá v prehliadači už pri písaní a zostane tam, aj keď editor otvoríte znova. „Kopírovať HTML“ a „Stiahnuť HTML“ vám dajú celú stránku ako jeden súbor HTML s CSS a JavaScriptom vnútri, pripravený na otvorenie v prehliadači alebo na nahratie na web, a „Otvoriť súbor“ načíta súbor HTML, CSS alebo JavaScript do jeho karty. „Načítať príklad“ vráti ukážkovú stránku. Editor je postavený na Ace, open source editore kódu.

Bol pre vás AnyTextEditor užitočný?

Ahoj. Veľmi sme sa snažili vytvoriť pohodlný web, ktorý sami používame. Ak sa vám niektorý z našich nástrojov a editorov páčil, pridajte si ho do záložiek, pretože vám bude užitočný viackrát. A nezabudnite zdieľať na sociálnych sieťach. Budeme pre vás lepší.