JavaScript での HTML エンティティのエンコーディング

コンテンツ管理システム (CMS) にコンテンツを入力する場合、® などの特殊文字を処理することが重要です。ブラウザ間で適切に表示されるようにします。これに対処するには、JavaScript を使用してこれらのシンボルを検索し、適切な HTML エンティティに変換できます。

正規表現を使用すると、特定の文字範囲を対応する HTML エンティティに置き換えることで変換を実現できます。 JavaScript コードは次のようになります。

var encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, function(i) {
   return '&#' i.charCodeAt(0) ';';
});

このコードは、指定された Unicode 範囲 (00A0 ～ 9999) 内のすべての文字と特殊文字 (&、) を同等の HTML エンティティに置き換えます。たとえば、® は ®.

になります。また、ES6 では:

const encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, i => '&#' i.charCodeAt(0) ';')

このアプローチにより、該当するすべての文字が HTML エンティティに変換されます。ただし、システムのフォント構成やその他の要因が、これらの文字の正しい表示に影響を与える可能性があることに注意することが重要です。

表示の不一致を軽減するために、UTF8 エンコーディングやデータベース ストレージの確保など、文字エンコーディングに関する潜在的な問題を考慮してください。 .

さらに、フォント サイズやパディングなど、特定の表示設定に適切な CSS スタイルを適用できます。

sup { font-size: 0.6em; padding-top: 0.2em; }

この CSS を実装すると、HTML エンティティの一貫した表示が保証されます。

Documentation:

• String.charCodeAt: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt
• HTML 文字エンティティ: http://www.chucke.com/entities.html