Sedikit Info Seputar
Dua Versi Konverter HTML
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Dua Versi Konverter HTML, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel Widget Blog, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Dua Versi Konverter HTML
Terbaru
link: Dua Versi Konverter HTML
Berbagi Dua Versi Konverter HTML Terbaru dan Terlengkap 2017
Versi JavaScript Mentah
Konverter HTML dengan JavaScript mentah bisa dibuat dengan mudah. Tambahkan sebuah elemen halaman HTML/JavaScript, kemudian salin kode ini dan letakkan di dalam formulirnya:
<style type="text/css">
#codes {
border:1px solid #666;
width:98%;
height:200px;
margin:5px auto 10px;
display:block;
}
.button-group {
margin:0 auto;
text-align:center;
}
</style>
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'"></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, "&");
cv = cv.replace(/'/g, "'");
cv = cv.replace(/"/g, """);
cv = cv.replace(/</g, "<");
cv = cv.replace(/>/g, ">");
ctarea.value = cv;
ctarea.focus();
ctarea.select();
}
</script>Klik Simpan.
Versi JQuery
Terserah apakah kode ini akan Anda letakkan di dalam halaman statis atau widget, cukup pastikan bahwa template Anda sudah dilengkapi dengan JQuery, maka konverter HTML ini akan bekerja:
<style type="text/css">
#codes {
border:1px solid #666;
width:98%;
height:200px;
margin:5px auto 10px;
display:block;
}
.button-group {
margin:0 auto;
text-align:center;
}
</style>
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'"></textarea>
<div class="button-group">
<button id="convert">Konversi</button>
<button id="clear">Bersihkan</button>
</div>
<script type="text/javascript">
$(function() {
$('button#convert').click(function() {
$('textarea#codes').val(
$('textarea#codes').val()
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'")
).focus().select();
return false;
});
$('button#clear').click(function() {
$('textarea#codes').val('').focus().select();
return false;
});
});
</script>Klik Simpan.