0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
Instellingen
Formatteren en verfraaien JavaScript- en TypeScript-code met configureerbare inspringings-, lijnbreedte- en aanhalingstekenstijlopties. Pas de opties aan, plak de code in de editor en druk op Format. Het resultaat kan met één klik naar het klembord worden gekopieerd.
Broncode
Regels:0Karakters:0

Hoe het werkt

Herindenteert en ordent geminificeerde, gecomprimeerde of slecht uitgelijnde JavaScript- of TypeScript-code om deze leesbaar en consistent te maken. Handig om een bundle te inspecteren, andermans snippet te bekijken of de stijl te normaliseren voordat je het in je project plakt.

Je kunt het inspringtype (spaties of tabs), de inspringgrootte en het regeleinde (LF of CRLF) kiezen. De formatter respecteert de codestructuur en voegt consistente regeleinden en inspringing toe zonder de logica te wijzigen.

Alle verwerking gebeurt in je browser met js-beautify: de code wordt naar geen enkele server geüpload. Het maakt alleen het visuele uiterlijk op; het minificeert, transpileert of valideert de syntaxis niet diepgaand.

Voorbeelden

function sum(a,b){return a+b} const r=sum(1,2);console.log(r)function sum(a, b) { return a + b } const r = sum(1, 2); console.log(r);Met een inspringing van 4 spaties: instructies worden gescheiden en accolades uitgelijnd.

Gebruiksscenario's

  • Een geminificeerd .js-bestand leesbaar maken om te begrijpen wat het doet.
  • De inspringstijl van een fragment uniform maken voordat je het aan het project toevoegt.
  • Code van derden bekijken en vergelijken met een consistent formaat.
  • TypeScript opschonen dat is geplakt uit documentatie of AI-antwoorden.

Veelgestelde vragen

Werkt het met TypeScript en JavaScript?

Ja. De tool maakt JavaScript- en TypeScript-syntaxis op, inclusief typeannotaties, interfaces en generics. Het transpileert TypeScript niet naar JavaScript: het herschikt alleen de tekst.

Verandert opmaak het gedrag van de code?

Nee. Het wijzigt alleen spaties, inspringing en regeleinden. De logica en identifiers blijven intact; de code draait precies zoals voorheen.

Is het hetzelfde als minificeren?

Nee, het is het tegenovergestelde. Opmaken voegt spaties en regeleinden toe om het leesbaar te maken; minificeren verwijdert ze om de grootte te verkleinen. Wil je comprimeren, gebruik dan de minificatietool.

Wordt mijn code naar een server geüpload?

Nee. De opmaak gebeurt volledig in je browser; de code verlaat nooit je computer.