Encode HTML (Part 2)

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Alhamdulillah di Hari Raya Idul Adha ini saya masih bisa memposting sebuah tools, dimana tools ini sangat berguna sekali bagi sobat blogger yang sering bermain dengan kode HTML. Bila sobat blogger sudah hafal pengkodeannya, it's okey no problem. Lalu bagaimana bila sahabat blogger tidak hafal?... Ini adalah sedikit ilmu yang saya berikan kepada sobat sekalian yang nantinya semoga tools ini berguna bagi kita semua.

Untuk kode HTMLnya tinggal copy saja dibawah ini

<center><form><textarea id="junioriqfarHTML" name="junioriqfarHTML" style="width: 540px; height: 200px;"></textarea><br />
<input type="button" value="Convert" onClick="html2entities(this.form.junioriqfarHTML)" class="junbutton"></input><input type="button" id="jiC2C" value="Copy to Clipboard" class="junbutton"></input><input type="reset" value="Reset" name="reset" class="junbutton"></input><br />
</form></center><br />
<script type="text/javascript" src="http://dl.dropbox.com/u/22738692/EncodeHTML/script.js"></script><br />
<script type='text/javascript'>
//<!--
$(document).ready(function() {
$("#jiC2C").zclip({
path: "http://dl.dropbox.com/u/22738692/EncodeHTML/Clipboard.swf",
copy: function() {
return $('#junioriqfarHTML').val();
}
});
});
//-->
</script><br />
<script type="text/javascript">
function html2entities() {
var re = /[<>"'&]/g
for (i = 0; i < arguments.length; i++)
arguments[i].value = arguments[i].value.replace(re, function(m) {
return replacechar(m)
})
}
function replacechar(match) {
if (match == "<") return "&lt;"
else if (match == ">") return "&gt;"
else if (match == "\"") return "&quot;"
else if (match == "'") return "&#039;"
else if (match == "&") return "&amp;"
}
</script><br />
<style>
h1.post-title {text-align:center;}
.junbutton{
width:175px;
line-height:25px;
font-size:12px;
padding:0;
margin:5px 6px;
height:25px;
position:relative;
}
#junioriqfarHTML{
font-family:monospace;
background:none scroll 0 0 rgba(0, 0, 0, 0.75);
padding:5px;
color:#fff;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
resize:none;
overflow:auto;
}
#junioriqfarHTML:hover{
background:none scroll 0 0 rgba(0, 0, 0, 0.5);
}
</style>
<div style='clear: both;'></div>

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait