Membuat Box HTML Parse

Membuat Box Kode HTML Parse  - Selamat malam semuanya. Berjumpa lagi dengan CATATAN HARIANKU yang kali ini akan membahas masalah cara membuat Box Parse Kode HTML (seperti contoh dibawah ini) yang sangat berguna sekali bagi sobat yang sering membuat postingan dengan menyisipkan kode - kode HTML didalamnya.

Jadi, daripada mondar - mandir menuju site layanan PARSE HTML online, maka alangkah bagusnya kalau sobat memilikinya sendiri dalam blog kesayangan sobat.

© Suriyadi.blogspot.com | Catatan Harianku

Untuk cara kerjanya kira - kira tidak usah di jelaskan lagi disini, karena saya yakin bahwa sobat semua paham  betul apa kegunaan dan peruntukannya. Ini kode untuk Membuat Box Parse Kode HTML yang saya maksud diatas.

<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 border="0" cellpadding="0" cellspacing="0" style="width: 400px;"><tbody>
<tr> <td valign="top" width="400"><textarea cols="50" id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);"></textarea><input onclick="convert();" type="button" value="Parse Script" /><span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: x-small; line-height: 20px;"> © Suriyadi.blogspot.com |&nbsp;<a href="http://suriyadi.blogspot.com/2012/09/membuat-box-kode-html-parse.html" style="color: #0b5394; text-decoration: none;">Get This Widget</a></span></td> </tr>
</tbody></table>
</div>

Keterangan:
  1 - Nama Parse Script boleh diubah mengikut kehendak masing-masing.
  2 - Ukuran Box boleh diubah dengan menukar angka-angka di bagian ini:
      a)  width: 400px
      b)  "top" width="400"
      c)  textarea cols="50"
 3 - Cara Pengunaan: Copy-paste kode HTML yang hendak diparse kedalam kotak dan klik PARSE

Untuk pemasangan mungkin terserah sobat saja, bisa dipasang didalam postingan atau bisa juga dipasang pada widget yang sobat kehendaki (semua tergantung selera saja).

Demikian postingan pengobat ngantuk ini, semoga bermanfaat bagi sobat semua.


Original post by : SURIYADI, S.Kom 
Sumber Literatur dari : kucoba[dot]com