// client-side html workbench

Parse it. Escape it.
Stop letting Blogger eat your code.

Six transforms for the markup your editor keeps breaking — escape it so it shows as text, pretty‑print the mess, shrink it, strip it, or map it — with a live render so you see exactly what you're shipping.

hp@bazzhood:~$ parse --live --mode=format
input.html 0 chars0 words1 lines
1
transform 

          
          
        

        

          tags 0
          entities 0
          Δ 0%
          
        

      


    

  


  
  

    

  


  
  

    

      
      
The encode trick every Blogger author needs

      
When you paste <div class="card"> into a post, Blogger reads it as a real element and your code vanishes into the layout. The fix is to encode it first: the tool swaps the angle brackets and ampersands for entities, so the very same markup prints on the page as readable text instead of executing. Paste the encoded result in HTML view and your snippet finally shows up inside a code block.

    

    

      
Format and minify are opposites on purpose

      
Format walks your tags by depth and re‑indents them, so a one‑line blob copied from a minifier becomes something a human can actually read and edit. Minify does the reverse for production: it collapses the whitespace between tags and drops comments while leaving <script>, <style> and <pre> blocks untouched, because crushing the spaces inside those would break them. The delta readout under the output tells you how much the size moved either way.

    

    

      
Strip and outline for when you only want the bones

      
Strip throws away every tag and hands back the plain text underneath, decoding entities as it goes — handy for pulling a meta description or a plain‑text excerpt out of a chunk of markup. Outline keeps the structure but drops the content, giving you an indented tag tree plus a count of each element, which is the fastest way to spot a stray unclosed <div> that's been quietly breaking your layout.

    

    

      // chain it
      
Hit use as input to feed the current output back through another transform. Format a messy blob, then encode the tidy result, and you've got display‑ready code in two clicks without ever leaving the page.

    

    

      
Render shows the truth, not the source

      
The Render tab drops your input into a sandboxed frame and shows what a browser actually makes of it — unclosed tags, broken nesting and all. It's the difference between reading the markup and seeing the markup, and it updates as you type, so you catch the mistake before it ever reaches a post.