📄 XML Formatter – Beautify, Format & Minify XML Code Instantly

XML Formatter

This XML Formatter tool helps you beautify and format XML data with proper indentation and structure. It makes XML code more readable and easier to understand by organizing elements hierarchically.

How to use: Paste your XML code below, select formatting options, and click “Format XML” to beautify or “Minify” to compress. Errors will be shown if XML is invalid.

Paste your XML code:

<div class="indent-option">
        <label for="indentSize">Indent Size:</label>
        <select id="indentSize" class="form-control">
          <option value="2">2 spaces</option>
          <option value="4" selected>4 spaces</option>
          <option value="8">8 spaces</option>
          <option value="tab">Tab</option>
        </select>
      </div>

<div class="indent-option">
        <label for="newlineOption">Newline:</label>
        <select id="newlineOption" class="form-control">
          <option value="lf" selected>LF (Unix)</option>
          <option value="crlf">CRLF (Windows)</option>
        </select>
      </div>
    </div>

<div>
      <button id="formatBtn" class="btn-format">Format XML</button>
      <button id="minifyBtn" class="btn-minify">Minify XML</button>
    </div>
  </div>

<div id="resultContainer" class="result-container">
    <div id="validationResult"></div>
    <div id="codeOutput" class="code-output"></div>
    <button id="copyBtn" class="copy-btn">Copy to Clipboard</button>
  </div>

const formatBtn = container.querySelector('#formatBtn');
      const minifyBtn = container.querySelector('#minifyBtn');
      const copyBtn = container.querySelector('#copyBtn');
      const xmlInput = container.querySelector('#xmlInput');
      const validationResult = container.querySelector('#validationResult');
      const codeOutput = container.querySelector('#codeOutput');
      const resultContainer = container.querySelector('#resultContainer');

formatBtn.addEventListener('click', () => processXml(false));
      minifyBtn.addEventListener('click', () => processXml(true));
      copyBtn.addEventListener('click', copyToClipboard);

function processXml(minify) {
        const xml = xmlInput.value.trim();
        if (!xml) {
          alert('Please enter some XML code');
          return;
        }
        clearResults();

try {
          const parser = new DOMParser();
          const xmlDoc = parser.parseFromString(xml, 'text/xml');
          const parseError = xmlDoc.getElementsByTagName('parsererror');

if (parseError.length) {
            throw new Error(parseError[0].textContent);
          }

const indentSize = container.querySelector('#indentSize').value;
          const newlineOption = container.querySelector('#newlineOption').value;

let formattedXml;
          if (minify) {
            formattedXml = minifyXml(xml);
          } else {
            let indent = indentSize === 'tab' ? '\t' : ' '.repeat(parseInt(indentSize));
            let newline = newlineOption === 'crlf' ? '\r\n' : '\n';
            formattedXml = formatXml(xml, indent, newline);
          }

validationResult.className = 'validation-result validation-success';
          validationResult.innerHTML = '<strong>Valid XML!</strong> Your XML is correctly formatted.';

codeOutput.innerHTML = highlightXml(escapeHtml(formattedXml));
          resultContainer.style.display = 'block';
        } catch (err) {
          validationResult.className = 'validation-result validation-error';
          validationResult.innerHTML = `<strong>Invalid XML:</strong> ${err.message}`;
          codeOutput.textContent = xml;
          resultContainer.style.display = 'block';
        }
      }

function formatXml(xml, indent, newline) {
        let formatted = xml.replace(/>\s*</g, '><');
        let indentLevel = 0;
        let result = '';
        let inTag = false;
        let inComment = false;
        let inCDATA = false;

for (let i = 0; i < formatted.length; i++) {
          const char = formatted.charAt(i);

if (inComment) {
            result += char;
            if (i > 1 && char === '>' && formatted.charAt(i - 1) === '-' && formatted.charAt(i - 2) === '-') {
              inComment = false;
              result += newline;
            }
            continue;
          }

if (inCDATA) {
            result += char;
            if (i > 2 && char === '>' && formatted.charAt(i - 1) === ']' && formatted.charAt(i - 2) === ']') {
              inCDATA = false;
            }
            continue;
          }

if (i < formatted.length - 3 && char === '<' && formatted.charAt(i + 1) === '!' &&
              formatted.charAt(i + 2) === '-' && formatted.charAt(i + 3) === '-') {
            inComment = true;
            result += newline + indent.repeat(indentLevel) + char;
            continue;
          }

if (i < formatted.length - 8 && char === '<' && formatted.charAt(i + 1) === '!' &&
              formatted.substring(i + 2, i + 9) === '[CDATA[') {
            inCDATA = true;
            result += char;
            continue;
          }

if (char === '<' && formatted.charAt(i + 1) !== '/') {
            result += newline + indent.repeat(indentLevel) + char;
            indentLevel++;
            inTag = true;
          } else if (char === '<' && formatted.charAt(i + 1) === '/') {
            indentLevel--;
            if (!inTag) {
              result += newline + indent.repeat(indentLevel);
            }
            result += char;
            inTag = true;
          } else if (char === '>') {
            result += char;
            inTag = false;
          } else {
            result += char;
          }
        }
        return result.trim();
      }

function minifyXml(xml) {
        let minified = xml.replace(//g, '');
        minified = minified.replace(/>\s*</g, '><');
        minified = minified.replace(/^\s+|\s+$/gm, '');
        minified = minified.replace(/\s*=\s*/g, '=');
        return minified;
      }

function highlightXml(xml) {
        let highlighted = xml.replace(/(<\/?)([a-zA-Z0-9:_.-]+)(?=[^>]*>)/g, '$1<span class="xml-tag">$2</span>');
        highlighted = highlighted.replace(/\s([a-zA-Z0-9:_.-]+)=("|')([^"']*?)(\2)/g, ' <span class="xml-attr-name">$1</span>=<span class="xml-attr-value">$2$3$4</span>');
        highlighted = highlighted.replace(/(<!--)([\s\S]*?)(--)>/g, '<span class="xml-comment">$1$2$3></span>');
        highlighted = highlighted.replace(/(<!\[CDATA\[)([\s\S]*?)(\]\])>/g, '<span class="xml-cdata">$1$2$3></span>');
        return highlighted;
      }

function escapeHtml(unsafe) {
        return unsafe.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
      }

function clearResults() {
        validationResult.textContent = '';
        codeOutput.textContent = '';
        resultContainer.style.display = 'none';
      }
    })();
  </script>
</div>

<p>Our <strong>XML Formatter</strong> tool helps you clean, format, and organize your XML code with proper indentation and structure. It makes your XML files more readable, easier to debug, and well-structured for development.</p>

<p>You can also <strong>minify XML</strong> to reduce file size by removing unnecessary spaces and comments, making it perfect for production environments.</p>

<h3 class="wp-block-heading">🔥 Key Features:</h3>

<ul class="wp-block-list">
<li>🧹 Beautify and format XML with proper indentation</li>

<li>⚡ Minify XML to reduce file size</li>

<li>🔍 Detect XML errors and validate code</li>

<li>🎯 Customize indent size (2, 4, 8 spaces or tab)</li>

<li>📏 Choose newline format (LF / CRLF)</li>

<li>📋 Copy formatted XML with one click</li>

<li>💻 Clean and developer-friendly interface</li>
</ul>

<ol class="wp-block-list">
<li>Paste your XML code</li>

<li>Choose formatting options</li>

<li>Click “Format XML” or “Minify XML”</li>

<li>Copy your optimized XML</li>
</ol>

<p>Always format XML before debugging — it helps you quickly identify errors and structure issues in your code.</p>
                </div>

<div class="post-tags" style="margin-top:32px;display:flex;gap:8px;flex-wrap:wrap;">
                        <span style="font-size:0.8125rem;color:var(--text3);font-weight:600;">Tags:</span>
                                                    <a href="https://quicktoolkit.online/tag/code-beautifier/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                code beautifier                            </a>
                                                    <a href="https://quicktoolkit.online/tag/code-formatter/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                code formatter                            </a>
                                                    <a href="https://quicktoolkit.online/tag/code-optimization-tool/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                code optimization tool                            </a>
                                                    <a href="https://quicktoolkit.online/tag/coding-tools/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                coding tools                            </a>
                                                    <a href="https://quicktoolkit.online/tag/developer-tools/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                developer tools                            </a>
                                                    <a href="https://quicktoolkit.online/tag/format-xml-online/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                format xml online                            </a>
                                                    <a href="https://quicktoolkit.online/tag/online-xml-formatter/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                online xml formatter                            </a>
                                                    <a href="https://quicktoolkit.online/tag/programming-tool/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                programming tool                            </a>
                                                    <a href="https://quicktoolkit.online/tag/web-developer-tools/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                web developer tools                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-beautifier/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml beautifier                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-cleaner/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml cleaner                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-code-formatter/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml code formatter                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-editor/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml editor                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-formatter/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml formatter                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-formatter-tool/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml formatter tool                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-minifier/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml minifier                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-parser-tool/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml parser tool                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-tool/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml tool                            </a>
                                                    <a href="https://quicktoolkit.online/tag/xml-validator/"
                               style="background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:0.75rem;font-weight:600;text-decoration:none;">
                                xml validator                            </a>
                                            </div>
                
                
                <div class="post-navigation" style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border);">
                                            <a href="https://quicktoolkit.online/world-clock-generator/"
                           style="background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;text-decoration:none;transition:all 0.2s;">
                            <div style="font-size:0.75rem;color:var(--text3);font-weight:600;margin-bottom:4px;">← Previous</div>
                            <div style="font-size:0.875rem;font-weight:700;color:var(--text);">🌍 World Clock Generator – View Time Across Multiple Cities Instantly</div>
                        </a>
                    
                                            <a href="https://quicktoolkit.online/youtube-channel-analyzer/"
                           style="background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;text-align:right;text-decoration:none;transition:all 0.2s;">
                            <div style="font-size:0.75rem;color:var(--text3);font-weight:600;margin-bottom:4px;">Next →</div>
                            <div style="font-size:0.875rem;font-weight:700;color:var(--text);">📊 YouTube Channel Analyzer – Gain Powerful Insights from Any Channel</div>
                        </a>
                                    </div>

<div class="comments-section" id="comments">

<div class="comment-form-wrap" id="respond">

<h3 class="comment-form-title">
                Leave a Comment            </h3>

<a rel="nofollow" id="cancel-comment-reply-link" href="/xml-formatter/#respond" style="display:none;">Cancel reply</a>
            
                <form action="https://quicktoolkit.online/wp-comments-post.php"
                      method="post"
                      id="commentform"
                      class="comment-form"
                      novalidate>

<div class="form-row">
                            <div class="form-field">
                                <label for="author">Name <span style="color:var(--accent)">*</span></label>
                                <input type="text" id="author" name="author"
                                       value=""
                                       placeholder="Your name"
                                       required>
                            </div>
                            <div class="form-field">
                                <label for="email">Email <span style="color:var(--accent)">*</span></label>
                                <input type="email" id="email" name="email"
                                       value=""
                                       placeholder="your@email.com"
                                       required>
                            </div>
                        </div>

<div class="form-field">
                            <label for="url">Website</label>
                            <input type="url" id="url" name="url"
                                   value=""
                                   placeholder="https://">
                        </div>

<div class="form-field">
                        <label for="comment">Comment <span style="color:var(--accent)">*</span></label>
                        <textarea id="comment" name="comment" rows="5"
                                  placeholder="Write your comment here..."
                                  required>

Save my name, email, and website in this browser for the next time I comment.