Cara Membuat Tools Parse HTML di Blog

Oleh Syafdillah

14 April 2016

Parse HTML salah satu tools dari sekian banyak webtools yang sering digunakan oleh para blogger untuk keperluan mem-parse HTML ke dalam bentuk entitas karakter HTML. Kini kita akan sedikit mempelajari mengenai entitas karakter HTML.

Apa itu Entitas karakter HTML? Entitas Karakter HTML adalah sebuah kode untuk menampilkan karakter khusus dalam HTML. Contohnya tanda lebih besar dan lebih kecil, dimana karakter itu digunakan untuk mendefinisikan sebuah tag HTML.

Entitas HTML sendiri mempunyai 3 bagian yaitu sebuah ampersand (&), nama entitas atau kode entitas yang sebelumnya diawali dengan # serta diakhiri dengan tanda semicolon/titik koma (;)

Misal:
untuk menampilkan tanda < digunakan perintah &lt; atau &#60;
untuk menampilkan tanda > digunakan perintah &gt; atau &#62;

Tapi Anda tidak perlu bingung-bingung memikirkan hal itu, karena sudah ada tools-nya. Berikut ini script tools parse HTML yang Anda bisa pasang di blog supaya tidak kesulitan nantinya bila ingin memparse HTML kedalam karakter entitas.

<!-- Parse HTML -->
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");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><br />
<table style="margin:0 auto"><tbody>
<tr> <td><textarea id="somewhere" style="background:none repeat scroll 0% 0% rgb(248,248,248);border:1px solid rgb(204,204,204);height:300px;width:100%"></textarea><br/>
<input onclick="convert();" style="padding:5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>

Sekedar catatan, mungkin Anda bisa letakkan script parse HTML di halaman statis.

Ayo Like Facebooknya

Tag : Blogging