Cara membuat html converter

hai selamat siang.
kalau sebelumnya saya membuat tutorial cara membuat CSS Compressor.
dikesempatan ini saya ingin memberikan pengetahuan saya bagaimana cara membuat HTML CONVERTER.
apa fungsi html converter. fungsi html converter adalah untuk merubah script biasa agar dapat dibaca di template html.
tentu kita pernah mendapatkan script dari internet. ketika dipaste didalam template kita.
script tersebut tidak berfungsi.
nah itulah fungsi dari html converter. agar script tersebut bisa berjalan. kita tidak bisa langsung copy paste.
contohnya
& dirubah & dll

ok langsung saja ketahap pembuatannya.

Step pertama : buat pages / pos baru. pages adalah halaman statis.
Step kedua : klik pages lalu klik new pages
Step ketiga : klik mode html jangan compeso.

step keempat : salin semua script dibawah ini.

<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Generate'" spellcheck="false"></textarea> 
<div class="button-group">
<script type='text/javascript'>
//<![CDATA[
document.write(unescape('%3C%63%65%6E%74%65%72%3E%0A%3C%62%72%20%2F%3E%20%20%20%20%20%20%20%20%20%20%0A%3C%62%72%20%2F%3E%0A%4F%52%49%47%49%4E%41%4C%20%43%52%45%41%54%45%44%20%A9%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%61%6B%6D%61%64%6E%75%64%69%6E%2E%63%6F%6D%22%3E%41%4B%4D%41%44%20%4E%55%44%49%4E%20%49%6E%63%3C%2F%61%3E%3C%2F%63%65%6E%74%65%72%3E'));
//]]>
</script>
<button id="convert" onclick="cdConvert();this.disabled = true;">Generate</button><button onclick="cdClear();">Bersihkan</button></div>
<blockquote>
jika tool ini tidak bekerja, silakan klik bersihkan terlebih dahulu, kemudian pastekan ulang.</blockquote>
<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;border:1px solid #e9e9e9;width:550px;height:250px;margin:0 auto;display:block;background-color:#fff;color:#333;padding:15px;}
.button-group{margin:0 auto 0;text-align:center}
button,button[disabled]:active{border: none;padding: 5px 12px;color: #fff;background-color: #0ea6d8;cursor: pointer;font-size: 13px;margin: 0 10px;line-height: 23px;border-radius: 3px;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;}
</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>

Step kelima : finish klik publikasi.


gimana mudah bukan cara membuat html converter. sekian semoga bermanfaat.