Mau memparse HTML ? kenapa tidak membuat sendiri tool nya

Mau memparse HTML ? kenapa tidak membuat sendiri tool nya

Parse HTML adalah sebuah alat converter script html, merubah script menjadi kode teks yang yang dapat di pasang ke format xml.

Membuat Alat Parse HTML untuk mendukung aktivitas blogging tentu sangat di perlukan agar seorang blogger tidak mondar-mandir ke web sebelah cuma untuk memparse script html.

bagi seorang blogger yang memiliki konten tentang pembahasan HTML, Javascript, Jquery dan CSS. alat parse HTML ini wajib kamu bikin.

Kenapa ?
pasti jawabannya Karena...

saat kita mempublikasikan kode tersebur (HTML, Javascript, Jquery dan CSS),
kita harus memparsenya terlebih dahulu.

pertimbangkan juga beberapa poin ini untuk kenyamanan pengunjung seperti mempermudah untuk di copy-paste dan memberi efek highlight pada kode tersebut agar mudah dicerna pembahasannya.

dan cara menempatkan kode yang baik adalah membungkusnya di dalam <pre> dan <code>. ini untuk mode highlight / memberi warna pada kode.

untuk mode highlight di butuhkan javascript tambahan, tutorialnya bisa dilihat disini : Posting script di blog? pasang syntax highlighter

contoh :

 <pre>  
   <code>  
     Kode HTML yang sudah diparse.  
   </code>  
 </pre> 

nah kali ini saya akan berbagi cara membuat alat parse HTML sederhana di halaman blogger,
ya di halaman blogger.

kenapa dihalaman blogger bang ?
jawabannya adalah "ikuti kata hatimu"
mau di bikin di halaman, post atau widget bebas... kalo saya, cari yang akurat dan pass saja

ikuti langkah-langkah berikut :

1. Masuk ke blogger sobat
2. klik Halaman
3. buat Halaman Baru
4. berikan judul sesuai selera masing-masing
5. klik HTML
dibagian bawah judul halaman ada dua mode, mode Compose dan HTML... pilih yang HTML (harus)

Copy Dan Pastekan script parse html di bawah ini pada mode html
6. klik Publikasikan

Script alat Parse HTML

<script type="text/javascript">
function convert(){var ele1 = document.getElementById("colongan");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script>
  <div style="float:center;width:80%;margin:12px auto;clear:both;overflow:auto;">
    <textarea id="colongan" style="border: 2px solid #555; height: 250px; margin: 0px auto; padding: 5px 0; text-decoration: none; width: 100%;"></textarea>
    <input onclick="convert();" type="button" value="PARSEKAN" />
  </div>

itu masih berupa text area standart, untuk tampilannya bisa kalian sesuaikan sendiri dengan css skill kalian

DEMO

jika ada yang kurang jelas maupun bla bla bla... silahkan coret-coret di kolom komentar.

mungkin juga kamu tertarik untuk membaca ini :

Terima kasih, salam Colongan !

Bantu kami lebih baik lagi.
Apa Reaksi anda tentang blogger :
"Mau memparse HTML ? kenapa tidak membuat sendiri tool nya" ?