DT Dev Tools

HTML Viewer — HTML-redigerare online

HTML-redigerare online med liveförhandsvisning. Skriv HTML, CSS och JavaScript och se resultatet direkt, helt i webblÀsaren.

🔒 Körs helt i din webblĂ€sare — ingenting laddas upp

SlĂ€pp en .html-fil hĂ€r eller klicka för att blĂ€ddra — eller redigera koden nedan

Var verktyget anvÀndbart? BetygsÀtt det:

Vad HTML Viewer gör

HTML Viewer Àr en HTML-redigerare online med liveförhandsvisning. Klistra in ett utdrag eller skriv en hel sida med HTML, CSS och JavaScript sÄ visas resultatet bredvid koden. Praktiskt för att testa e-postmallar, prototypa layouter, kontrollera kopierade utdrag, lÀra sig webbgrunder eller Äterskapa en bugg utan att skapa projekt, spara filer eller starta en lokal server.

Förhandsvisningen uppdateras automatiskt en stund efter att du slutat skriva, sÄ du fÄr snabb Äterkoppling. För tunga sidor eller skript med sidoeffekter stÀnger du av automatisk körning och trycker pÄ Kör nÀr du Àr redo. Du kan ocksÄ ÄterstÀlla exemplet, kopiera kÀllkoden, ladda ner den som fristÄende .html-fil eller öppna den i en ny flik.

Privat och isolerat

Allt körs lokalt i webblÀsaren. Din kod laddas aldrig upp och inget konto behövs. Förhandsvisningen visas i en iframe med sandbox: skript kan köras men Àr isolerade frÄn sidan och kan inte lÀsa utkast, cookies eller annan webbplatsdata. Det gör det rimligt sÀkert att prova opÄlitliga utdrag, men klistra inte in kod du inte förstÄr som laddar resurser frÄn tredje part.

Praktiska tips

Ta med ett komplett dokument med doctype, head och body för att efterlikna en riktig sida, eller klistra in bara ett fragment och lÄt webblÀsaren komplettera det. AnvÀnd inbÀddade style- och script-block för att hÄlla exemplet i en fil. Externa bibliotek laddas via absoluta URL:er. Relativa lÀnkar och lokala sökvÀgar fungerar inte eftersom förhandsvisningen saknar mapp. Ditt senaste utkast sparas lokalt och kan ÄterstÀllas.

Hur man anvÀnder

  1. Skriv eller klistra in HTMLAnge HTML, CSS och JavaScript i redigeraren eller börja med exemplet.
  2. Se liveförhandsvisningenFörhandsvisningen uppdateras medan du skriver; stÀng av automatisk körning för tunga sidor.
  3. Spara sidanKopiera koden, ladda ner som .html eller öppna i en ny flik.

Vanliga frÄgor

Laddas min HTML upp nÄgonstans?
Nej. Koden visas i en isolerad iframe i din webblÀsare och lÀmnar aldrig din enhet.
Kan jag köra JavaScript?
Ja. Skript körs i den isolerade förhandsvisningen, separat frÄn webbplatsens sida.
Kan jag ladda extern CSS eller bilder?
Ja, absoluta URL:er fungerar som pÄ vilken webbsida som helst. Lokala filer Àr inte Ätkomliga.

Relaterade verktyg

âŹ‡ïž

Markdown-förhandsvisning

Förhandsgranska Markdown som HTML i realtid med marked. Dina anteckningar och dokumentationsutdrag stannar i webblÀsaren och laddas aldrig upp.

Förhandsvisning
 đŸ—„ïž

SQLite Viewer — SQLite-visare

Öppna SQLite-filer (.sqlite och .db) i webblĂ€saren. BlĂ€ddra i tabeller, kör SQL-frĂ„gor och exportera resultat till CSV – inget laddas upp.

Förhandsvisning
 🌳

JSON Viewer — JSON-visare

Visa stora JSON-filer som ett hopfÀllbart trÀd i webblÀsaren. Sök nycklar och vÀrden och kopiera sökvÀgen till valfri nod som JSONPath, jq eller JavaScript.

Förhandsvisning
 {}

JSON Formatter — formatera, validera och minifiera JSON

Formatera, validera och minifiera JSON med ett hopfÀllbart trÀdvy, exakt felrad och kolumn, nyckelsortering och stöd för JSON5/JSONC. Körs helt i webblÀsaren.

Formatera
 đŸ”€

Base64-kodare/avkodare — base64url och data-URI

Koda och avkoda Base64, URL-sĂ€ker base64url och data-URI:er. Konvertera filer till Base64, se avkodade byte som hex och ladda ned dem – allt i din webblĂ€sare.

Koda
 🔗

URL Encode/Decode — Koda och avkoda URL

Koda och avkoda URL-komponenter med encodeURIComponent och decodeURIComponent. Snabbt, privat och helt pÄ klientsidan i webblÀsaren.

Koda

Fler gratisverktyg fr?n UtilTab

🌐

HTML till PDF-konverterare

Konvertera HTML eller ett webbutdrag till en nedladdningsbar PDF i webblĂ€saren. Klistra in eller ladda upp HTML, förhandsgranska och spara – gratis och privat.

PDF Tools