Formatting and minifying code

Format for reading

Format adds consistent indentation and line breaks. Use two spaces, four spaces or tabs. Quietkit does not run your code, load its imports or fetch links in your document.

JavaScript Formatter: const a=1; → const a = 1;
SQL Formatter: SELECT name FROM books WHERE id = 1; → the clauses appear on separate lines.

Minify conservatively

JavaScript Minify keeps variable names and disables program compression. CSS (Cascading Style Sheets) Minify keeps rule order, while equivalent values such as colors may be shortened. License comments are retained. Always review output before replacing a source file.

CSS Formatter: .card { padding: 8px; } → .card{padding:8px}. For nested selectors use Format when Minify reports unsupported syntax.

Choose the right syntax

JavaScript supports Script and Module, not TypeScript or JSX. Module permits imports and exports without fetching them. Style formatting handles ordinary CSS, not Sass or Less. GraphQL formatting checks syntax, not compatibility with a server schema.

Markup remains text

HTML (HyperText Markup Language) is not displayed as a live page. Scripts and images stay inactive here; formatting is not sanitization. Whitespace-sensitive elements and embedded code are treated conservatively.

HTML Formatter: <p>Hello</p> stays source text. XML Formatter: <books><book/></books> makes the nested element easier to find.