Kodformaterare och kodförskönare
Klistra in kod eller öppna en fil, tryck på Formatera och få prydlig kod. Språket identifieras automatiskt – JavaScript, TypeScript, CSS, HTML, JSON, XML, SQL, YAML, Markdown och GraphQL, allt i webbläsaren.
Allt körs i din webbläsare – din kod laddas aldrig upp till någon server.
Radbredden gäller JavaScript, TypeScript, CSS, SCSS, LESS, HTML, YAML, Markdown och GraphQL. Formateringen kontrollerar aldrig logik, typer eller stilregler.
Språket identifieras så fort du lägger till kod.
Släpp en kodfil här (upp till 5 MB), klistra in eller ladda ett exempel. Tryck Ctrl+Enter för att formatera.
Formatera och snygga till kod i webbläsaren
Kod som kopierats från ett minifierat paket, en logg, ett chattmeddelande eller ett gammalt projekt är svår att läsa och ännu svårare att granska. Den här kodformateraren gör den prydlig och konsekvent indragen igen med ett enda klick. Klistra in koden, tryck på Formatera (eller Ctrl+Enter) så visas resultatet bredvid originalet, med radnummer på båda sidor så att du ser skillnaderna direkt.
Verktyget stöder de format som utvecklare möter oftast: JavaScript med JSX, TypeScript med TSX, CSS, SCSS och LESS, HTML med inbäddade skript och stilar, JSON, XML, SQL för tretton dialekter, YAML, Markdown och GraphQL. Som standard identifieras språket åt dig, från filnamnet när du öppnar en fil och från själva texten när du klistrar in. Kan texten vara flera saker säger verktyget det och föreslår de troliga alternativen i stället för att i tysthet välja fel tolkare.
Du bestämmer stilen. Välj två blanksteg, fyra blanksteg eller tabbar, och en radbredd på 80, 100 eller 120 tecken för de språk som formateras med Prettier. För SQL väljer du dialekt, till exempel PostgreSQL, MySQL, SQL Server eller BigQuery. För JSON finns också en knapp för att minifiera, som tar bort allt blanksteg utan att röra tal, strängar eller nycklarnas ordning. Inställningarna sparas i din webbläsare, och du kan slå på automatisk formatering om du vill se resultatet medan du skriver.
När något är fel är meddelandet kort och exakt: språket, vad tolkaren väntade sig samt rad och kolumn. Din inmatning skrivs aldrig över, och en knapp flyttar markören till problemet. Knappen Ångra tar tillbaka det du råkat rensa eller ersätta. Du kan ladda ned resultatet med rätt filändelse för språket, eller öppna båda versionerna sida vid sida i Textjämförelse för att se exakt vad som ändrats.
Allt sker på din enhet. De tunga formateringsmotorerna laddas bara ned för det språk du faktiskt formaterar och körs i en bakgrundsprocess, så en stor fil får inte sidan att hänga sig. Tänk på begränsningarna: filer upp till 5 MB kan öppnas, indata över 300 000 tecken kan ta några sekunder och indata över två miljoner tecken avvisas. Formatering är varken en linter eller en kompilator, så den hittar inga logikfel, och några ovanliga syntaxfunktioner kan avvisas.
Vanliga frågor
Laddas min kod upp någonstans?
Nej. Koden formateras av bibliotek som körs inne i din webbläsare, i en bakgrundstråd. Ingenting skickas till en server. Bara dina inställningar och ett valfritt utkast sparas i webbläsarens lokala lagring, och du kan tömma rutan när som helst.
Ändrar formateringen vad min kod gör?
Formateraren ändrar bara utseendet: indrag, radbrytningar och blanksteg. Den kan också göra citattecknen enhetliga, lägga till eller ta bort valfria parenteser och sätta semikolon på ett konsekvent sätt, men innebörden är densamma. Den kontrollerar varken logik, typer eller lintregler, så fungerande kod ger fungerande kod och felaktig kod förblir felaktig.
Hur identifieras språket?
Om du öppnar en fil avgör filändelsen. Annars tittar verktyget på själva texten: taggar, klamrar, nyckelord och typisk interpunktion. När två språk liknar varandra, till exempel CSS och SCSS eller JavaScript och TypeScript, frågar det dig i stället för att gissa. Du kan alltid välja språk för hand i listan Språk.
Vad händer om koden har ett syntaxfel?
Resultatet förblir tomt, din inmatning lämnas precis som den var och du får ett kort meddelande med rad och kolumn. Använd knappen Visa i inmatningen för att hoppa till stället, rätta felet och tryck på Formatera igen.
Kan jag minifiera kod här?
Bara JSON, där det alltid är säkert att ta bort blanksteg. Att minifiera JavaScript eller CSS på riktigt kräver en särskild minifierare, eftersom omdöpta variabler eller sammanslagna regler kan ändra beteendet, så det här verktyget försöker inte. Använd SQL-formaterare och validerare för en djupare SQL-syntaxkontroll.