JQuery Konverter HTML

by Taufik Nurrohman

HTML

<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>

CSS

#codes {
    border:1px solid #666;
    width:98%;
    height:200px;
    margin:5px auto 10px;
    display:block;
}

.button-group {
    margin:0px auto 0px;
    text-align:center;
}

JavaScript

$('button#convert').click(function() {
    $('textarea#codes').val(
        $('textarea#codes').val()
        .replace(/&/g, "&amp;")
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;")
        .replace(/"/g, "&quot;")
        .replace(/'/g, "&#39;")
    ).focus().select();
    return false;
});
$('button#clear').click(function() {
    $('textarea#codes').val('').focus().select();
    return false;
});