HTML Cleaner Online

The html cleaner tool supports removing blank tags, invalid characters, removing inline styles and redundant attributes.

Input Html:
<html> <!--Comment demo --> <!--Comment demo 2 line this is line 2 demo --> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" id="mce-u0" crossorigin="anonymous" referrerpolicy="origin" href="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5.10.5-131/skins/ui/oxide/content.min.css"> <link rel="stylesheet" type="text/css" id="mce-u1" crossorigin="anonymous" referrerpolicy="origin" href="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5.10.5-131/skins/content/default/content.min.css"> <link rel="stylesheet" type="text/css" id="mce-u2" crossorigin="anonymous" referrerpolicy="origin" href="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5.10.5-131/plugins/mediaembed/content.min.css"> <link rel="stylesheet" type="text/css" id="mce-u3" crossorigin="anonymous" referrerpolicy="origin" href="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5.10.5-131/plugins/pageembed/css/empa30.css"> <style type="text/css"> .mymention{ color: gray; }body { font-family:Helvetica,Arial,sans-serif; font-size:14px } </style> <link rel="stylesheet" type="text/css" id="mce-u4" crossorigin="anonymous" referrerpolicy="origin" href="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5.10.5-131/plugins/a11ychecker/css/annotations.css"> <link rel="stylesheet" type="text/css" id="mce-u5" crossorigin="anonymous" referrerpolicy="origin" href="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5.10.5-131/plugins/linkchecker/content.min.css"> </head> <body id="tinymce" class="mce-content-body" data-id="full-featured" aria-label="Rich Text Area. Press ALT-0 for help." contenteditable="true" spellcheck="false"> <p><img style="display: block; margin-left: auto; margin-right: auto;" title="Tiny Logo" src="../../images/logos/android-chrome-256x256.png" alt="TinyMCE Logo" width="128" height="128" data-mce-src="../../images/logos/android-chrome-256x256.png" data-mce-style="display: block; margin-left: auto; margin-right: auto;" data-mce-selected="1"></p> <h2 style="text-align: center;" data-mce-style="text-align: center;">Welc<span style="color: rgb(241, 196, 15);" data-mce-style="color: #f1c40f;">ome to the TinyMCE Cl</span>oud demo!</h2> <h5 style="text-align: center;" data-mce-style="text-align: center;">Note, this includes some "enterprise/premium" features.<br>Visit the <a href="../../../pricing" data-mce-href="../../../pricing" data-mce-linkchecker-status="valid">pricing page</a> to learn more about our premium plugins.</h5> <p>Please try out the features provided in thi<strong>s full featured examp</strong>le.</p> <h2>Got questions or need help?</h2> <ul> <li>Our <a class="mceNonEditable" href="../../" data-mce-href="../../" contenteditable="false" data-mce-linkchecker-status="valid">documentation</a> is a great resource for learning how to configure TinyMCE.</li> <li>Have a specific question? Try the <a href="https://stackoverflow.com/questions/tagged/tinymce" target="_blank" rel="noopener" data-mce-href="https://stackoverflow.com/questions/tagged/tinymce" data-mce-linkchecker-status="valid"><code>tinymce</code> tag at Stack Overflow</a>.</li> <li style="text-align: center;" data-mce-style="text-align: center;">W<span style="color: rgb(241, 196, 15);" data-mce-style="color: #f1c40f;">e also offer enterp</span>rise grade support as part of <a href="../../../pricing" data-mce-href="../../../pricing" data-mce-linkchecker-status="valid">TinyMCE premium subscriptions</a>.</li> </ul> <h2>A simple table to play with</h2> <table style="border-collapse: collapse; width: 100%;" border="1" data-mce-style="border-collapse: collapse; width: 100%;"> <thead> <tr> <th>Product</th> <th>Cost</th> <th>Really?</th> </tr> </thead> <tbody> <tr> <td>TinyMCE Cloud</td> <td>Get started for free</td> <td>YES!</td> </tr> <tr> <td>Plupload</td> <td>Free</td> <td>YES!</td> </tr> </tbody> </table> <h2>Found a bug?</h2> <p>If you think you have found a bug please create an issue on the <a href="https://github.com/tinymce/tinymce/issues" data-mce-href="https://github.com/tinymce/tinymce/issues" data-mce-linkchecker-status="valid">GitHub <span class="mce-spellchecker-annotation mce-spellchecker-word mce-cram_73324263531656828202894" aria-invalid="spelling" data-mce-highlight-id="mce-cram_73324263531656828202894" data-mce-bogus="1" data-mce-annotation="repo" data-mce-lingo="en_us">repo</span></a> to report it to the developers.</p> <h2>Finally ...</h2> <p>Don't forget to check out our other product <a href="http://www.plupload.com" target="_blank" rel="noopener" data-mce-href="http://www.plupload.com" data-mce-linkchecker-status="valid">Plupload</a>, your ultimate upload solution featuring HTML5 upload support.</p> <p>Thanks for supporting TinyMCE! We hope it helps you and your users create great content.<br>All the best from the TinyMCE team.</p> <div id="mceResizeHandlenw" data-mce-bogus="all" class="mce-resizehandle" unselectable="true" data-mce-style="cursor: nw-resize; margin: 0px; padding: 0px; left: 302.5px; top: 11px;" style="cursor: nw-resize; margin: 0px; padding: 0px; left: 302.5px; top: 11px;"></div> <div id="mceResizeHandlene" data-mce-bogus="all" class="mce-resizehandle" unselectable="true" data-mce-style="cursor: ne-resize; margin: 0px; padding: 0px; left: 430.5px; top: 11px;" style="cursor: ne-resize; margin: 0px; padding: 0px; left: 430.5px; top: 11px;"></div> <div id="mceResizeHandlese" data-mce-bogus="all" class="mce-resizehandle" unselectable="true" data-mce-style="cursor: se-resize; margin: 0px; padding: 0px; left: 430.5px; top: 139px;" style="cursor: se-resize; margin: 0px; padding: 0px; left: 430.5px; top: 139px;"></div> <div id="mceResizeHandlesw" data-mce-bogus="all" class="mce-resizehandle" unselectable="true" data-mce-style="cursor: sw-resize; margin: 0px; padding: 0px; left: 302.5px; top: 139px;" style="cursor: sw-resize; margin: 0px; padding: 0px; left: 302.5px; top: 139px;"></div> </body> </html>

Output Html:

Introduction

Welcome to Codezi Pro’s HTML Cleaner! This powerful online tool makes it easy to clean up your HTML code and help you create a perfect and well-formatted website. In this tutorial, we’ll walk you through how to use the HTML Cleaner and all the features it has to offer.

Step 1: Access the HTML Cleaner

To use the HTML Cleaner, simply go to the Codezi Pro website and click on the “HTML Cleaner” link. This will take you to the HTML Cleaner page, where you can begin the process.

Step 2: Paste the HTML Code 

Once you’re on the HTML Cleaner page, you’ll see a text field where you can paste your HTML code. Simply copy and paste the code you want to clean into the field. 

Step 3: Select the Cleaning Options 

Once you’ve pasted your code into the text field, you can select the options you want to apply to the HTML code. You can choose to remove HTML comments, extra whitespace, and HTML entities. You can also choose to remove empty tags, optimize attributes, and minify CSS and JavaScript. 

Step 4: Clean the Code 

Once you’ve selected all the options you want to apply to the HTML code, you can click the “Clean” button to clean the code. The HTML Cleaner will then automatically apply all the selected options to the code and generate a clean version of the code. 

Step 5: Copy the Cleaned Code 

Once the HTML Cleaner has generated the clean version of the code, you can copy it from the text field and paste it into your HTML document. And that’s it! You’re done and your HTML code is now clean and well-formatted.

Conclusion

That’s how easy it is to use the HTML Cleaner from Codezi Pro. With this powerful online tool, you can quickly and easily clean your HTML code and ensure your website looks perfect and performs optimally. So, give it a try and see how the HTML Cleaner can make your life easier.

Codezi's html cleaning tool supports you to clean html code, remove redundant codes, and empty tags.

What can you do with Sita's HTML cleanup tool?

Select "Remove Empty Tags": The tool will support cleaning empty tags.

Select "Remove Comments": The tool will support removing the comment code in html into spaces.

By selecting "Remove Inline Style": The tool will remove all inline style codes in html tags, the style attribute will be completely removed.

Select "Remove Script Tags": The tool will remove the javascript code in the html content.

There are also many other options: the tool also supports you to strip html tags online, completely remove html codes and keep the plaintext content.

The tool also has advanced options so you can delete any type of tags you want.