テキストに含まれるHTML特殊文字の & 、" 、' 、< 、> を & などの参照文字コードに変換します。
参照文字コードからHTML特殊文字の逆変換も可能です。
使い方
[変換前]のテキストエリアにテキストを挿入後、[変換]ボタンを押してください。
オプションのエンコード/デコードの選択でHTML特殊文字を参照文字文字に変換、もしくは参照文字からHTML特殊文字に変換するかを選択できます。
変換前
変換後
(function($){
$(function(){
// HTMLのエスケープ $.escapeHTML=function escapeHTML(str) { str = str.replace(/&/g, '&'); str = str.replace(/\"/g, '"'); str = str.replace(/\'/g, '''); str = str.replace(//g, '>'); return str; } // HTMLのエスケープを元に戻す $.unescapeHTML=function unescapeHTML(str) { str = str.replace(/&/g, '&'); str = str.replace(/"/g, '"'); str = str.replace(/''/g, '\''); str = str.replace(/</g, '<'); str = str.replace(/>/g, '>'); return str; }
// 変換ボタン $("#btn-escapehtml").click(function(){ console.log(10); // 変換オプション if ( $("input[name='escape-option']:checked").val() == "escape" ){ // テキストエリアに出力 $("#text-converted").val($.escapeHTML($("#text-original").val())); } else { // テキストエリアに出力 $("#text-converted").val($.unescapeHTML($("#text-original").val())); } //$("#text-converted").select();
return false; });
// リセットボタン $("#btn-reset").click(function(){ $("#text-original").val(""); $("#text-converted").val(""); $("#text-original").focus(); return false; }); });
})(jQuery);