Highlight XML Syntax

Reading a dense XML document is far easier when structure is visible at a glance. Highlight XML Syntax colourises tags, attributes, attribute values, comments, CDATA sections and processing instructions, turning an undifferentiated wall of angle brackets into a document you can navigate by colour.

Toggle between a dark theme for reading on-screen and a light theme for printing or embedding, and switch line numbers on when you need to reference exact positions. The colourised result can be copied, downloaded as a standalone styled HTML file, or printed to PDF. Tokenising runs entirely in the browser, so even sensitive markup never leaves your machine.

• Class-aware colourising: tags, attributes, values, comments, CDATA, processing instructions and doctypes each get their own colour.
• Dark and light themes: switch for screen reading versus printing and embedding.
• Toggleable line numbers: reference exact lines or produce clean snippets.
• Escaping-safe output: all text is HTML-escaped before colourising, so special characters never break the markup.
• Token-based robustness: even malformed documents are colourised so you can inspect the problem.
• Download as styled HTML: a self-contained file with the stylesheet, ready for wikis and docs.
• Copy or print: grab the highlighted view or send it to a printer / PDF.
• Live updates: re-colourise as you type with the live toggle.
• Private by design: all processing happens locally.

1. Paste your XML or load it from a file.
2. Pick a theme — dark for screens, light for print and embedding.
3. Toggle line numbers on when you need to cite locations.
4. Review the colourised output in the panel.
5. Copy the highlighted markup or download the standalone styled HTML file.

Example 1 — Documentation. Colourised XML reads far better in API docs than monochrome blocks. Download the styled HTML and embed it directly.

Example 2 — Code review. Highlight before a review so reviewers can see structure, spot unescaped values and follow nesting without counting angle brackets.

Example 3 — Debugging feeds. A malformed feed is easier to inspect when the offending region is colourised; combine with the validator for line-and-column diagnosis.

Example 4 — Presentation. For talks and internal training, the dark theme with line numbers turns a raw export into a readable walkthrough.

• Structural clarity at a glance — colour does the scanning for you.
• Better documentation — styled output you can embed unchanged.
• Sharper reviews — reviewers focus on structure, not syntax.
• Print-ready — light theme and print CSS give clean hard copies.
• Free and private — local tokenising, no uploads.