JavaScript で HTML エンティティをエンコードする方法: 実践ガイド

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

はじめに

ユーザー生成コンテンツを表示する場合、次のような特殊文字を処理することが重要です。 ® および & は、すべてのブラウザで正しく表示されない可能性があります。これに対処するには、一貫した表示を行うために、これらのシンボルを HTML エンティティに変換する必要があります。

JavaScript による解決策

HTML エンティティをエンコードするための簡単な JavaScript アプローチは、正規表現を使用することです。目的の記号と一致して置換するには:

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

このコードは、指定された文字範囲 (Unicode 00A0 ～ 9999、アンパサンド、大小) を反復処理します。一致するたびに、同等の HTML エンティティ (&#nnn;) が返されます。ここで、nnn は Unicode 文字コードです。

Sup Tag Wrapping

必要な場合 ^{でラップされる HTML エンティティスタイリング目的のタグ:}

<code class="javascript">// First encode the HTML entity as described above.

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

// Then, wrap the encoded entity in a `<sup>` tag:

const supEncodedStr = encodedStr.replace(/\&amp\;#/g, '<sup>&amp;#');</code>

追加の考慮事項

• Web サイトでこれらの特殊文字をサポートするために UTF8 文字エンコーディングを使用していることを確認してください。
• フォントや設定の違いを考慮して、さまざまなブラウザで変換をテストします。

以上がJavaScript で HTML エンティティをエンコードする方法: 実践ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。