Membuat Parse HTML Simple Editor

Tulisan kali ini kita akan membuat Tool Parse HTML yang akan di tempatkan pada Halaman Blog Sobat. Tool Parse HTML ini sering di gunakan untuk melakukan konversi kode yang akan di letakkan di blog sobat sebagai tutorial kode-kode atau pun juga bisa di gunakan untuk mengkonversi iklan adsense.

Sobat blogger dapat melihat hasilnya seperti berikut

PARSE HTML

Bagaimana cara memasang tool PARSE HTML diatas di Blog Sobat, untuk memasangnya cukup mudah anda meletakkan di bagian Halaman ataupun di Post terbaru dan pastekan kode di bawah ini.

<style type="text/css">
#codes {
  border:1px solid #666;
  background: #CFF099;
  width:98%;
  height:200px;
  margin:5px auto 10px;
  display:block;
}

.button-group {
  margin:20px auto;
  text-align:center;
}
</style>
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik &#039;Konversi&#039;"></textarea>
<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>