HTML-szerkesztő

Írjon HTML-, CSS- és JavaScript-kódot, és lássa az oldalt gépelés közben

Konzol
  1. Itt jelennek meg a console.log() üzenetei és a JavaScript-kód hibái.

A kódja a böngészőjében, külön keretben fut, és csak ezen az eszközön tárolódik.

Az online HTML-szerkesztő használata

1. lépés

Írja vagy illessze be a kódot a HTML, a CSS és a JavaScript lapra

2. lépés

Figyelje az előnézetet és a konzolt gépelés közben

3. lépés

Másolja ki vagy töltse le az oldalt egyetlen HTML-fájlként

Kódszerkesztő élő előnézettel

Írja a kódot a HTML, a CSS és a JavaScript lapra, és a mellettük lévő előnézet gépelés közben mutatja az oldalt. Ha kiveszi a pipát a „Frissítés gépelés közben” jelölőnégyzetből, a kód csak akkor fut le, amikor a „Futtatás” gombra kattint, vagy megnyomja a Ctrl+Enter billentyűkombinációt. A szerkesztő kiemeli a kódot, behúzza az új sorokat, bezárja a zárójeleket és a címkéket, a margón pedig jelzi a hibákat; az előnézet alatti konzol megmutatja, mit ír ki a szkriptje a console.log() segítségével, és milyen hibákat dob, a sorszámukkal együtt. Az előnézet feletti gombok laptop, táblagép vagy telefon szélességében mutatják az oldalt, a teljes képernyő gomb pedig az egész ablakot a szerkesztőnek adja.

Az oldala külön, elszigetelt keretben fut, így stílusai és szkriptjei nem módosíthatják ezt a webhelyet, a webhely pedig nem olvassa a kódját. A kód gépelés közben elmentődik a böngészőjében, és akkor is megvan, amikor újra megnyitja a szerkesztőt. A „HTML másolása” és a „HTML letöltése” gomb az egész oldalt egyetlen HTML-fájlként adja, benne a CSS- és JavaScript-kóddal, készen arra, hogy böngészőben megnyissa vagy feltöltse, a „Fájl megnyitása” pedig egy HTML-, CSS- vagy JavaScript-fájlt tölt be a hozzá tartozó lapra. A „Példa betöltése” visszahozza a mintaoldalt. A szerkesztő az Ace nevű nyílt forráskódú kódszerkesztőre épül.

Hasznos volt az AnyTextEditor az Ön számára?

Helló. Nagyon igyekeztünk létrehozni egy kényelmes weboldalt, amelyet mi magunk használunk. Ha tetszett valamelyik eszközünk és szerkesztőnk, vegye fel könyvjelzőihez, mert többször is hasznos lesz az Ön számára. És ne felejtsd el megosztani a közösségi médiában. Jobbak leszünk neked.