Online HTML Cleaner and Formatter

Enter an HTML code in the field below.


EXAMPLES OF USE

---------------------------------------------------------------------------------
1. INLINE CSS CLEANING

1.1 Input
<div style='height: 50px; width: 500px; border: 2px solid green'>
    <div>Teste</div>
</div>

1.2 Similar output to
<head>
    <style>
        .custom-class-546 {
            height: 50px;
            width: 500px;
            border: 2px solid green
        }
    </style>
</head>
<body>
    <div class='custom-class-546'>
        <div>Teste</div>
    </div>
</body>

---------------------------------------------------------------------------------
2. ONLINE JS CLEANING

2.1 Input
<button onclick='console.log(1+1)'>Botão</button>

2.2 Similar output to
<body>
    <button id='custom-id-769'>Botão</button>
    <script>
        document.getElementById('custom-id-769').addEventListener('click', function() {
            console.log(1 + 1)
        });
    </script>
</body>

Custom prefix for dynamic Class/ID (optional)

Join existing tags with generated tags?

Automatically download HTML file after generated?

Is it useful to you? Support me with a cup of coffee ☕

Questions, suggestions or collaborations? Get in touch!