Web Dashboard

Messy HTML remover tool

When content is copied from a Word document (especially Word Online or SharePoint), it often brings across hidden, unnecessary code. This isn’t visible in the Squiz WYSIWYG editor, so everything can look fine at first glance. However, that extra HTML can interfere with your page’s styling and layout, sometimes causing unexpected issues.

This tool helps you quickly clean that up, no coding knowledge required.

To use it, click the button in the WYSIWYG editor to switch to HTML view.

If your code looks something like this:

<div>
<p paraid="231327960" paraeid="{64bae03d-24a1-4978-af18-26c8121f12fa}{18}"><strong>Header</strong> </p>
</div>
<div>
<p paraid="2012897099" paraeid="{64bae03d-24a1-4978-af18-26c8121f12fa}{52}">Mauris ut ligula tincidunt, egestas libero vitae, cursus ex. Vivamus rhoncus ut quam ut mattis. Vivamus hendrerit ex a ligula feugiat, ut dignissim augue faucibus. Phasellus hendrerit leo diam, in consequat est bibendum sed. </p>
</div>
<div>
<ul role="list">
<li aria-setsize="-1" data-leveltext="" data-font="Symbol" data-listid="30" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="1" data-aria-level="1" role="listitem">List Item 1 </li>
</ul>
</div>
<div>
<ul role="list">
<li aria-setsize="-1" data-leveltext="" data-font="Symbol" data-listid="30" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="2" data-aria-level="1" role="listitem">List Item 2 </li>
</ul>
</div>
  • Copy all of it into the Input Code panel on the left. The cleaned version will appear in the Output Code panel on the right.
  • Then copy the cleaned code back into your WYSIWYG editor.
  • Click the button to return to the normal editor view.

Input code
Output code
Input preview
Output preview