Write or paste HTML codeHTML Editor
Skriv eller klistra in HTML för att se förhandsgranskning

Vad är HTML-redigerare?

Det är en komplett HTML-redigerare online med förhandsgranskning i realtid. Skriv eller klistra in HTML-kod i den vänstra panelen och se det renderade resultatet direkt till höger.

Till skillnad från en enkel visare är den här redigeraren utformad för att skriva och redigera. Ladda upp befintliga HTML-filer, formatera stökig kod med ett klick och ladda ned ditt färdiga arbete.

Allt körs lokalt i din webbläsare. Din HTML-kod skickas aldrig till våra servrar. Snabbt, gratis och helt privat.

Hur man använder HTML-redigeraren

Följ dessa steg för att skriva, redigera och förhandsgranska HTML.

1

Skriv eller ladda upp HTML

Börja skriva HTML i redigeraren eller klicka på Ladda upp för att importera en befintlig .html-fil. Du kan också klicka på Exempel för att ladda en demosida.

2

Se live-förhandsgranskning

Den högra panelen renderar HTML direkt medan du skriver. CSS-stilar, bilder och JavaScript körs i en isolerad förhandsgranskning.

3

Formatera och redigera

Klicka på Formatera för att automatiskt indentera koden. Dra avdelare för att ändra storlek på panelerna. Klicka på Maximera för helskärmsvy.

4

Ladda ned eller kopiera

Klicka på Ladda ned för att spara ditt arbete som en .html-fil, eller Kopiera för att kopiera koden till urklipp.

När du använder detta

Prototyping av webbsidor

Skapa och testa snabbt HTML-layouter, komponenter eller hela sidor. Se hur ändringar renderas i realtid.

Lära sig HTML

Perfekt för nybörjare som lär sig HTML. Skriv taggar, se vad de gör, experimentera med attribut och stilar.

Testa kodfragment

Har du ett HTML-fragment från en tutorial eller Stack Overflow? Klistra in det, se hur det renderas, redigera det och kopiera resultatet.

Redigera e-postmallar

HTML för e-post är komplicerat med inline-stilar och tabelllayouter. Ladda upp din mall, redigera den visuellt och ladda ned resultatet.

Vanliga frågor

Sparas min HTML-data?

Nej. Allt körs helt i din webbläsare. Din HTML lämnar inte din dator om du inte explicit laddar ned eller kopierar den.

Stöder redigeraren CSS och JavaScript?

Ja. Inline-stilar, <style>-taggar och <script>-taggar fungerar. Förhandsgranskningen körs i en isolerad iframe för säkerhets skull.

Vilka filformat kan jag ladda upp?

Du kan ladda upp .html- och .htm-filer. Innehållet laddas direkt in i redigeraren.

Hur fungerar knappen Formatera?

Formateringsknappen indenterar automatiskt HTML-koden med korrekt nästning, så att stökig HTML blir läsbar.

Kan jag använda det som en HTML-lekplats?

Absolut. Det fungerar utmärkt som en sandbox för att experimentera med HTML, CSS och JavaScript.

Är förhandsgranskningen säker?

Förhandsgranskningen renderas i en isolerad iframe, separerad från huvudsidan.

Relaterade HTML- och webbverktyg

Den här redigeraren är utmärkt för att skriva och visa HTML, men ibland behöver du kompletterande verktyg: