So kodieren Sie HTML-Entitäten in JavaScript: Ein praktischer Leitfaden

HTML-Entitäten in JavaScript kodieren

Einführung

Bei der Anzeige von benutzergenerierten Inhalten ist es wichtig, mit Sonderzeichen umzugehen, z ® und &, die möglicherweise nicht in allen Browsern korrekt dargestellt werden. Um dieses Problem zu beheben, müssen diese Symbole für eine konsistente Anzeige in HTML-Entitäten konvertiert werden.

JavaScript-Lösung

Ein einfacher JavaScript-Ansatz zum Codieren von HTML-Entitäten ist die Verwendung regulärer Ausdrücke um die gewünschten Symbole abzugleichen und zu ersetzen:

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

Dieser Code iteriert über den angegebenen Zeichenbereich (Unicode 00A0 - 9999, plus kaufmännisches Und, größer und kleiner als). Für jede Übereinstimmung wird das HTML-Entitätsäquivalent (&#nnn;) zurückgegeben, wobei nnn der Unicode-Zeichencode ist.

Sup Tag Wrapping

Bei Bedarf die HTML-Entität, die in ein ^{eingeschlossen werden soll Tag für Styling-Zwecke:}

<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>

Zusätzliche Überlegungen

• Stellen Sie sicher, dass Ihre Website UTF8-Zeichenkodierung verwendet, um diese Sonderzeichen zu unterstützen.
• Testen Sie die Konvertierung in verschiedenen Browsern, um Schriftart- und Konfigurationsunterschiede zu berücksichtigen.

Das obige ist der detaillierte Inhalt vonSo kodieren Sie HTML-Entitäten in JavaScript: Ein praktischer Leitfaden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!