tools parse html

letakkan dimana saja
HALAMAN - POSTING - WIDGET..

 

<textarea id="codes" placeholder="Paste kodenya di sini, kemudian klik 'Parse Kode'. Jika ingin parse kode baru, klik dulu 'Hapus Kode'" spellcheck="false" style="resize:none"></textarea> <div class="button-group"> <button id="convert" onclick="cdConvert();this.disabled = true;">Parse Kode</button><button onclick="cdClear();">Hapus Kode</button></div> <ul id='wrapin'> <li><input checked="true" id="opt1" type="checkbox" />Konversi <code
>&amp;</code> menjadi <code>&amp;amp;</code></li> <li><input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code></li> <li><input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code></li> <li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code></li> <li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code></li> </ul> <style type="text/css"> code{ font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace; color:#2a5ead; font-size:13px; padding:2px 4px; color:#d14; } #codes{ font:13px 'Courier New',Monospace; width:100%; height:250px; margin:0 auto; display:block; background-color:#f5f8fa; color:#222; padding:20px; border-radius:20px; } .button-group{ margin:10px; text-align:center; } button,button[disabled]:active{ border: none; padding: 5px 12px; color: #fff; background-color: #068488; cursor: pointer; font-size: 13px; margin: 0 10px; line-height: 23px; border-radius: 20px; transition: all 0.3s ease-in-out; } button:active{ background:#3f92e1; } button[disabled],button[disabled]:active{ background:#3f92e1; } #opt1,#opt2,#opt3,#opt4,#opt5{ display:inline-block; margin-right:10px; font-size:13px; } </style> <script type="text/javascript"> function cdClear() { var wtarea = document.getElementById('codes'); wtarea.value = ''; wtarea.focus(); document.getElementById('convert').disabled = false; } function cdConvert() { var ctarea = document.getElementById('codes'), cv = ctarea.value, opt1 = document.getElementById('opt1'), opt2 = document.getElementById('opt2'), opt3 = document.getElementById('opt3'), opt4 = document.getElementById('opt4'), opt5 = document.getElementById('opt5'); cv = cv.replace(/\t/g, " "); if (opt1.checked) cv = cv.replace(/&/g, "&amp;"); if (opt2.checked) cv = cv.replace(/</g, "&lt;"); if (opt3.checked) cv = cv.replace(/>/g, "&gt;"); if (opt4.checked) cv = cv.replace(/"/g, "&quot;"); if (opt5.checked) cv = cv.replace(/'/g, "&#039;"); ctarea.value = cv; ctarea.focus(); ctarea.select(); }; </script>