Memperbaiki kode HTML dengan ekstensi php_tidy.dll

sebagai seorang web programmer pasti kita pernah salah dalam menuliskan kode-kode HTML atau melewatkan beberapa tag HTML,
Hal seperti ini biasanya terjadi jika kita bekerja dengan banyak elemen <FORM>, <TABLE>, <DIV> yang kompleks..
pasti sangat menyulitkan dan membingungkan bukan??? ;)

Untuk itu PHP versi 5.XX memberikan sebuah fitur yang bisa kita manfaatkan untuk menanggulangi masalah tersebut,
yaitu ekstensi tidy.. ( untuk PHP versi sebelumnya belum pernah saya coba.. ;p )

Salah satu fungsi ektensi tidy ini dapat memperbaiki kode HTML kita secara otomatis
tanpa kita harus memeriksa kode HTML satu persatu.. ;D

untuk dapat menggunakan ekstensi ini sebelumnya kita harus mengaktifkan ekstensi php_tidy.dll (windows) atau php_tidy.so (Unix)
pada file php.ini kita..

Jika anda kebingungan, buka file php.ini dengan notepad anda kemudian search :\

;extension:php_tidy.dll (pada windows)

atau

;extension:php_tidy.so (pada Unix/Linux)

hilangkan tanda titik koma (;) untuk mengaktifkannya, setelah itu restart Server anda..

jika php_tidy.dll anda sudah aktif maka pada phpinfo anda akan terdapat tampilan seperti ini :

Untuk langkah-langkah programnya..

Pertama, buat sebuah file berinama php_tidy.php dengan source seperti dibawah ini :

<?php
//file yang akan diperbaiki
$file=’./php_tidy.html’;
//direktori untuk backup file
$dir=’./backup’;
//file backup
$backfile=$file.time().’.txt’;

if(file_exists($file)) {
?>

<h3>Before :</h3>

?? ?<?php
?? ?//menampilkan source kode html sebelum diperbaiki,
?? ?//untuk dijadikan perbandingan aja.. ;)
?? ?show_source($file);
?? ?//perbaikan kode html dimulai dimulai
?? ?$hasil=tidy_repair_file($file);
?? ?//direktori sudah ada??
?? ?$cekdir=is_dir($dir);
?? ?
??? if(!$cekdir) {
??? ??? //jika belum
??? ??? mkdir($dir);???
??? ??? copy($file, $dir.$backfile);???
??? } else {
??? ??? //jika ada
??? ??? copy($file, $dir.$backfile);???
??? }
??? //memasukkan kode yang telah benar kedalam file asli
??? file_put_contents($file, $hasil);
??? ?>
???
<h3>After :</h3>

??? <?php
??? //menampilkan hasil kode html yang telah diperbaiki???
??? show_source($file);???
} else { ?>

<strong>Warning:</strong> File is not exists!

<?php } ?>

kemudian kita buat sebuah file HTML yang ingin kita perbaiki, beri nama php_tidy.html
harus sama seperti nama variabel $file pada source php_tidy.php..

untuk source kode pertamanya ikuti saya dahulu, selanjutnya terserah anda.. ;D
(kita buat kode HTML yang tidak valid sama sekali.. ;p )

<center>
<html>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 3.2//EN”>
<table>
<head>
<td>memperbaiki kode HTML dengan php_tidy.dll
<title>php_tidy</title>
</head>
<body>
</html>

</body>

Oiya.. letakkan 2 file diatas dalam 1 Folder
Setelah itu jalankan php_tidy.php kita..

Jika benar akan muncul tampilan seperti ini :

Nah, mudahkan??
untuk membuktikannya, buka Folder backup yang telah digenerate oleh parser php..
didalamnya terdapat file dengan ekstensi .txt
itu adalah file asli kita sebelum diperbaiki,
silahkan bandingkan sendiri kode HTML-nya… ;D

semoga bermanfaat..

Download Ebooknya disini -> Download Semua Ebook Tutorial PHP ilmuwebsite

untuk download file source-nya disini

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0813 1167 5785, atau bisa pesan secara online di sini)

.

Artikel Terkait:

One Response