Blog Posts » PHP » [PHP] HTML Beautifier

[PHP] HTML Beautifier

HTML Beautifier sangat berguna misal jika kita ingin mengatur CSS sebuah halaman web. HTML yang tidak beraturan atau buatan orang lain seringkali membuat kita pusing, maka harus kita format ulang menjadi lebih ter-struktur dengan menambahkan indent dan mengaturnya sedemikian rupa.

Sebenarnya bisa menggunakan Tidy, akan tetapi pada kasus tertentu Tidy tidak berjalan dengan baik. Maka bisa kita gunakan library pihak ketiga yang menurut saya paling baik diantara beberapa HTML Beautifier yang lain, Yaitu ganon
"Fast (HTML DOM) parser written in PHP".

Homepage: http://code.google.com/p/ganon/
Download: http://code.google.com/p/ganon/downloads/list

Penggunaan PHP ganon cukup mudah, contoh:
[Textarea][RAW][Download]

  1. $str = '<!DOCTYPE html><html><head><title>[PHP] HTML Beautifier</title></head><body><div><h2>Example</h2><p>Hello World!</p><ol><li>line 1</li><li>line 2</li><li>line 3</li></ol></div></body></html>';
  3. include 'ganon.php';
  4. $html = str_get_dom($str);
  6. //** Beautify HTML *//
  7. dom_format($html, array('attributes_case' => CASE_LOWER));
  8. echo $html; // Hasil


Output yang dihasilkan:
[Textarea][RAW][Download]

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title>[PHP] HTML Beautifier</title>
  5.   </head>
  6.   <body>
  7.     <div>
  8.       <h2>Example</h2>
  9.       <p>Hello World!</p>
  10.       <ol>
  11.         <li>line 1</li>
  12.         <li>line 2</li>
  13.         <li>line 3</li>
  14.       </ol>
  15.     </div>
  16.   </body>
  17. </html>


Untuk penggunaan di website yang kita buat bisa dengan bantuan PHP Output Buffering.

Semoga bermanfaat :)