Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kodiere ich HTML-Entitäten in JavaScript, um eine korrekte Anzeige in allen Browsern sicherzustellen?

Patricia Arquette
Freigeben: 2024-10-28 01:53:02
Original
928 Leute haben es durchsucht

How to Encode HTML Entities in JavaScript to Ensure Correct Display in All Browsers?

So kodieren Sie HTML-Entitäten in JavaScript

Problem:
Bei Verwendung eines CMS, das Benutzer- Wenn Sie Text eingeben, werden bestimmte Symbole möglicherweise nicht in allen Browsern korrekt angezeigt. Um dieses Problem zu beheben, möchten Sie bestimmte Symbole in die entsprechenden HTML-Entitäten konvertieren und sie zur Gestaltung in Sup-Tags einschließen.

Lösung:
Um HTML-Entitäten in JavaScript zu kodieren, können Sie dies tun Verwenden Sie den folgenden Code:

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

Implementierung:

  1. Verwenden Sie reguläre Ausdrücke:

    • Der Code verwendet reguläre Ausdrücke, um Zeichen im Unicode-Bereich u00A0-u9999 durch HTML-Entitäten zu ersetzen.
    • Er ersetzt auch kaufmännische Und-, Größer-als- und Kleiner-als-Symbole durch &, > und < bzw..
  2. In HTML-Entitäten konvertieren:

    • Die charCodeAt(0)-Methode gibt den Unicode-Wert von a zurück Zeichen, das zum Generieren der HTML-Entität im Format &#nnn; verwendet wird.
  3. Wrap in sup Tags:

    • Nach der Codierung können Sie die HTML-Entitäten zur Gestaltung in Sup-Tags einschließen.

Hinweis:

  • Um eine korrekte Anzeige sicherzustellen, konfigurieren Sie die UTF8-Zeichenkodierung und stellen Sie sicher, dass Ihre Datenbank Zeichenfolgen in UTF8 speichert.
  • Anzeigeprobleme können aufgrund der Systemschriftartkonfiguration und anderer externer Faktoren weiterhin auftreten.

Zusätzliche Informationen:

  • [String.charCodeAt-Dokumentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String /charCodeAt)
  • [HTML-Zeichenentitäten](http://www.chucke.com/entities.html)

Das obige ist der detaillierte Inhalt vonWie kodiere ich HTML-Entitäten in JavaScript, um eine korrekte Anzeige in allen Browsern sicherzustellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage