CMS で適切に表示するために HTML エンティティを JavaScript でエンコードするにはどうすればよいですか?

JavaScript での HTML エンティティのエンコード

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

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

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

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

ES6 では、

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

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

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

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

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

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

ドキュメント:

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

以上がCMS で適切に表示するために HTML エンティティを JavaScript でエンコードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。