Polystyle - Multi-Language Source Code Formatter

HTML Beautifier Features

Overall HTML Features

Step 1: Unformatted Source

Step 2: Example Source

Step 3: Formatted Source

The following are a few of the main features to be found in Polystyle's PHP beautifier.

To see a preview of Polystyle in action, use the Step 1, 2, 3 links above.

The HTML beautifier also benefits from the features of:

Javascript Blocks Are Formatted

Polystyle correctly reformats Javascript within your pages.

Example:

    <script language = "JavaScript">
        <!--
    
        function onClick(myCommand) {
    
            alert("Button Clicked")

            x++;
        }
    
        -->
    </script>

Javascript In HTML Arguments Is Formatted

Polystyle correctly parses tag values that begin with "javascript:" as Javascript.

Example:

      <input onfocus = "javascript: myMethod(a + b * i)">

CSS Blocks Are Formatted

Polystyle parses into style tags and formats the contents correctly.

Example:

    <style>
        .SideBlock
            {
            letter-spacing: 0;
  
            word-spacing: 3;
            }
    </style>

Highly Customizable Tag Definitions:

The final comment and the third to last comment in the example HTML file allow you to define which tags are formatted the same way.

Similar tags are grouped together, one on each line. Empty lines delineate tag group boundaries. Anything after the first text word on a line is treated like a comment and ignored.

Click here to view the full default HTML example.

Example:

    <!--
        The next comment defines inline tags. These tags do not start new lines.
    -->
    <!--
    span
    
    h1
    h2
    h3
    h4
    h5
    h6
    
    (etc...)
    -->
    
    <!--
        The next comment defines block tags. These tags do start new lines.
    -->
    <!--
    fake-tag
    
    div
    
    center
    
    listing
    
    banner
    marquee
    tab
    spacer
    
    (etc...)
    -->

Next, take a look at what Polystyle can do for you with this quick test case:

Step 1: Unformatted Source

Step 2: Example Source

Step 3: Formatted Source