Softonic

HTML-formaterare

Steg 1 / 3
Nästa

Klistra in markup så placerar denna lokala formaterare taggar och text på indragna rader. Välj två eller fyra blanksteg, granska resultatet och kopiera det för läsning eller granskning. Din HTML stannar i den här webbläsarsessionen.

Formatera HTML i tre steg

  1. 1

    Klistra in markup

    Lägg till HTML som du vill granska. Den skickas inte till en server.

  2. 2

    Välj indrag

    Använd två eller fyra blanksteg för varje kapslingsnivå.

  3. 3

    Granska och kopiera

    Kontrollera den formaterade texten innan du använder den på annat håll.

Vad formateraren gör

Formateraren är en enkel strukturläsare, inte en komplett HTML-parser. Den lägger öppnande och stängande taggar, kommentarer, deklarationer och text på separata rader och tillämpar sedan valt indrag. Vanliga tomma element som <img>, <br> och <meta> skapar ingen ny nivå.

Block som börjar med <pre>, <code>, <textarea>, <script> eller <style> hålls samman precis som de matades in. Verktyget validerar inte markup, reparerar inte öppna taggar, bryter inte attribut, normaliserar inte självstängande syntax och tolkar inte CSS- eller JavaScript-semantik.

Formatering kan ändra blanksteg runt vanliga textnoder. Se resultatet som en mer läsbar arbetskopia och jämför innan du sparar eller publicerar en mall som är känslig för blanksteg. Använd en HTML-validerare för validering.

Vanliga frågor

Nej. Formatering och kopiering sker i webbläsaren. Flödesstegen behåller bara inmatningen tillfälligt i sessionslagring.

Nej. Det använder bara enkel indragning och kan inte avgöra om markup är giltig eller semantiskt korrekt.

Nej. Kompletta script- och style-block lämnas som de matades in.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

CSS-pilgnerator

Skapa lokalt en CSS-pil med riktning, färg, storlek och ramens tjocklek och kopiera sedan regeln.

Generator för platshållarbilder

Skapa en bild på 1–4000 px med egna färger och text, ladda ned PNG eller kopiera webbadress och HTML.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

Markdown-förhandsvisare

Skriv Markdown och se den renderade HTML:en uppdateras live. GitHub-flavored syntax med tabeller, uppgiftslistor, inramad kod och autolänkar.

Verktyget finns på andra språk