HTML-editor

Skriv HTML, CSS og JavaScript, og se siden, mens du skriver

Konsol
  1. Beskeder fra console.log() og fejl i dit JavaScript vises her.

Din kode kører i din browser, i en separat ramme, og gemmes kun på denne enhed.

Sådan bruger du online HTML-editoren

Trin 1

Skriv eller indsæt din kode i fanerne HTML, CSS og JavaScript

Trin 2

Hold øje med forhåndsvisningen og konsollen, mens du skriver

Trin 3

Kopiér eller download siden som én HTML-fil

En kodeeditor med live forhåndsvisning

Skriv din kode i fanerne HTML, CSS og JavaScript, så viser forhåndsvisningen ved siden af siden, mens du skriver. Fjern fluebenet ved “Opdater, mens du skriver” for kun at køre koden, når du klikker på “Kør” eller trykker på Ctrl+Enter. Editoren farvekoder koden, indrykker nye linjer, lukker parenteser og tags og markerer fejl i margenen, og konsollen under forhåndsvisningen viser, hvad dit script skriver med console.log(), og de fejl, det giver, med linjenumre. Knapperne over forhåndsvisningen viser siden i bredden af en bærbar, en tablet eller en mobil, og knappen til fuld skærm giver editoren hele vinduet.

Din side kører i en separat, isoleret ramme (sandkasse), så dens stilarter og scripts ikke kan ændre dette websted, og webstedet læser ikke din kode. Koden gemmes i din browser, mens du skriver, og er der stadig, når du åbner editoren igen. “Kopiér HTML” og “Download HTML” giver dig hele siden som én HTML-fil med CSS og JavaScript indeni, klar til at åbne i en browser eller uploade, og “Åbn fil” indlæser en HTML-, CSS- eller JavaScript-fil i den tilhørende fane. “Indlæs eksemplet” henter eksempelsiden tilbage. Editoren er bygget på Ace, en kodeeditor med åben kildekode.

Var AnyTextEditor nyttigt for dig?

Hej. Vi prøvede meget hårdt på at oprette et praktisk websted, som vi selv bruger. Hvis du kunne lide noget af vores værktøjer og redaktører, skal du føje det til dine bogmærker, fordi det vil være nyttigt for dig mere end én gang. Og glem ikke at dele på sociale medier. Vi bliver bedre for dig.