一文字づつプログラムで判断して、都合のいいように変換する方法です。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
function htmlentities() {
var a = $("#do_encode").val();
var w = "";
for( var i = 0; i < a.length; i++ ) {
if ( $("#check").prop("checked") ) {
if ( a.substr(i,1) == '&' ) {
w += "&";
}
else if ( a.substr(i,1) == '<' ) {
w += "<";
}
else if ( a.substr(i,1) == '>' ) {
w += ">";
}
else if ( a.substr(i,1) == '"' ) {
w += "&#" + a.charCodeAt(i) + ";";
}
else if ( a.substr(i,1) == "'" ) {
w += "&#" + a.charCodeAt(i) + ";";
}
else {
if ( $("#check_jp").prop("checked") ) {
if ( a.charCodeAt(i) > 255 ) {
w += "&#" + a.charCodeAt(i) + ";";
}
else {
w += a.substr(i,1);
}
}
else {
w += a.substr(i,1);
}
}
}
else {
w += "&#" + a.charCodeAt(i) + ";";
}
}
$("#result").text( w );
}
</script>
<input id="do_encode" type="text" size="60">
<br>
<input
type="button"
value="入力文字列を htmlentitie に変換"
onClick='htmlentities()'>
<br>
<label for="check">変換を必要最低限にする</label>
<input type="checkbox" id="check">
/
<label for="check_jp">但し、日本語は変換する</label>
<input type="checkbox" id="check_jp">
<br>
▼ 以下に表示されます
<pre id="result"></pre>
&# を使用して数字で文字列を表す方法に変換します 変換後の文字列は、ボタンの下に表示されます。選択してコピーして下さい。 この文字列は alert 内では、文字列の代替えとしては使用できません
/
▼ 以下に表示されます
関連する記事 JavaScript : 入力文字列を 変数用16進数表現 に変換する
|
|
【JavaScriptの最新記事】
- Replit : js-web-speech
- JavaScript の論理和(||) による『無かった場合の値の代入』/ expr1 || expr2 は expr1 を false と見ることができる場合は expr2 を返します
- Seesaa の記事に下の『最新の同カテゴリのリスト』のリンクの最後に付く ?seesaa_related=category を削除する方法
- JavaScript : ブラウザ判定( IE11 対応 ) / edge を追加
- JavaScript : 入力文字列を 変数用16進数表現 に変換する
- HTML5 で行われる入力チェックを :invalid :valid 疑似クラスと JavaScript を使用してリアルタイムにエラーを視認させる
- HTML5 で行われる入力チェックのエラーメッセージをカスタマイズする JavaScript の記述( この手のコントロールはとてもデリケートです。いろいろなパターン検証が必要です )
- テーブルのセルをクリックして背景色を rgb(0,0,0) から #000000 の変換で、eval を使う事の考察
- JavaScript & VBScript : ブラウザから Windows の OS のバージョンを判定
- Firefox、IE11 の canvas で動作する楕円( ellipse )関数
- 文字列を UTF-8(２バイト以上) で表現した時の 16進数表現の文字列を取得する
- ブログで jQuery を使用するのに、全ての記事で使うわけでは無いので、記事毎でロードする
- JavaScript による２会話アプリケーションのコントロール(2)
- JavaScript による２会話アプリケーションのコントロール(1)
- JavaScript : Global な undefined 変数に絡むいろいろ
- 簡易縦書き変換
- ブラウザの WebGL チェック : jQuery 名前空間へ変数($.is_webgl)追加
- JSONP の原理と、簡単な利用方法の実際のコード( 実装は jQuery が良いですが、Access-Control-Allow-Origin: * のほうが楽だし読込み先を制限できます )
- document.createElement("a") で新しいウインドウ(タブ)を開く
- JavaScript と VBScript のカラーコード(#RRGGBB)の文字列と数値間の相互変換
