title: HTML Formatter - with this specific format
body: <p>I know there're a lot of HTML formatter. I've tried tons but none fit my requirement. Please suggest if u met something that can:</p>
  
  <p>1) Convert</p>
  
  <pre><code>    &lt;div&gt;&lt;%=request.getAttribute("NAV")%&gt;&lt;div&gt;
      BB&lt;span&gt;CC&lt;input type="text" value="123"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Into</p>
  
  <pre><code>    &lt;div&gt;&lt;%=request.getAttribute("NAV")%&gt;
          &lt;div&gt;BB
              &lt;span&gt;CC
                  &lt;input type="text" value="123"&gt;
              &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>2) Preserve all symbols</p>
  
  <pre><code>    (/&gt;'/ wont be converted to /&amp;gt;')
      (space wont be converted to &amp;nbsp)
      (&amp;nbsp wont be converted to space)
  </code></pre>
  
  <p>3) Wont make</p>
  
  <pre><code>    &lt;input type="text" value="123"&gt;
  </code></pre>
  
  <p>Into</p>
  
  <pre><code>    &lt;input type="text"
      value="123"&gt;
  </code></pre>
  
  <p>What the tools only need to do is to new line every new <code>&lt;xxx</code> and add indent for each <code>&lt;xxx</code> &amp; <code>/xxx&gt;</code> nest.</p>