« Previous Next »

Set new lines and text indents in HTML code

When the execution of all the other active cleaning options has been completed this option makes the hierarchy of the HTML tags visible using text indention by entering the required amount of tabs at the beginning of each line for a better readability.

Start Organizing HTML Lines

<table border="1" cellpadding="5">
				<tbody>
				<tr><th width="75"><strong><em>Name</em></strong></th><th colspan="2"><span style="font-weight: bold;">Telephone</span></th></tr>
				<tr>
				<td>John</td>
				<td><a href="tel:0123456785">0123 456 785</a></td>
				<td><img src="images/check.gif" alt="checked" width="30" height="25" /></td>
				</tr>
				</tbody>
				</table>

<table border="1" cellpadding="5">
				   <tbody>
				      <tr>
				         <th width="75">
				            <strong>
				               <em>
				                  Name
				               </em>
				            </strong>
				         </th>
				         <th colspan="2">
				            <span style="font-weight: bold;">
				               Telephone
				            </span>
				         </th>
				      </tr>
				      <tr>
				         <td>
				            John
				         </td>
				         <td>
				            <a href="tel:0123456785">
				               0123 456 785
				            </a>
				         </td>
				         <td>
				            <img src="images/check.gif" alt="checked" width="30" height="25" />
				         </td>
				      </tr>
				   </tbody>
				</table>

Be careful because this option organizes the inline tags too so there will be inserted at least one white space between every tag.

Hello World

<p>He<strong>ll</strong>o Wo<span style="color: #ff0000;">rld</span></p>

He ll o Wo rld

<p>
				   He
				   <strong>
				      ll
				   </strong>
				   o Wo
				   <span style="color: #ff0000;">
				      rld
				   </span>
				</p>

« Previous Next »