Sunday, 3 March 2013

kode konversi html

kode konversi html terus terang saya bingung mau diberi judul apa artikel ini biar cocok dengan isinya, tapi mungkin saya kira  dengan judul kode konversi html udah cocok kali ya.

kode konversi html  adalah alat untuk meng konversi dari kode html kedalam kode netral. yang saya maksuk netral disini adalah bila kita memasang kode yang telah di konversi ke dalam halaman web kita maka yang akan tampil hanya teks saja tidak bekerja sama sekali. alat ini memudahkan kita dalam penulisan kode html kedalam teks yang biasanya di letakkan pada postingan blog.

disini akan saya contohkan

bila mana biasanya dalam penulisan html kode link adalah

<a href='http://xxx.xx'>contoh</a>

maka setelah kita konversi menjadi

&lt;a href=&#039;http://xxx.xx&#039;&gt;contoh&lt;/a&gt;

nah ini tidak akan bekerja .

saya kira sobar semua sudah mahir dalam hal ini sekian dulu ya cuma buat koleksi agan semua yang mau kode ini kali aja berguna.silahkan di kopi kode berikut

<div id="main_text">
<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#codes {
  border:2px solid #666;
  width:98%;
  height:400px;
  margin:5px auto 10px;
  display:block;
}

.button-group {
  margin:0px auto 0px;
  text-align:center;
}
</style>
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'"></textarea>
<br />
<div class="button-group">
<button onclick="cdConvert();">Konversi</button>
    <button onclick="cdClear();">Bersihkan</button>
</div>
<script type="text/javascript">
function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
}

function cdConvert() {
    var ctarea = document.getElementById('codes'),
        cv = ctarea.value;
    cv = cv.replace(/&/g, "&amp;");
    cv = cv.replace(/'/g, "&#039;");
    cv = cv.replace(/"/g, "&quot;");
    cv = cv.replace(/</g, "&lt;");
    cv = cv.replace(/>/g, "&gt;");
    ctarea.value = cv;
    ctarea.focus();
    ctarea.select();
};
</script>
</div>
</div>
contoh bisa dili hat di sini http://woconen.blogspot.com/p/parse.html

4 comments:

  1. Makasih infonya sob, dapat ilmu tentang konversi html :D
    Ini blog temanya bagus amat, kreatif sob \o/

    ReplyDelete
  2. ijin untuk mempelajari dengan seksama, saya belum begitu paham, apakah itu yang dimaksud widget parse ?, mau berkunjung ke TKP dulu.

    ReplyDelete
  3. Mantap gan Cara nya.. thanks

    ReplyDelete