Heim > Artikel > Web-Frontend > So beheben Sie den Fehler, dass Emoji-Ausdrücke nicht an das Frontend gesendet werden können
Als ich vorher mit der mobilen Entwicklung beschäftigt war, musste eine Funktion zum Posten von Kommentaren implementiert werden. Obwohl diese Funktion relativ einfach zu implementieren ist, sagte ich beim Testen, dass der Fehler, der mit dem Emoji einhergeht Telefon konnte nicht gesendet werden. Deshalb werde ich Ihnen heute die Lösung für diesen Fehler vorstellen.
1. Ändern Sie das Datenbankformat im Hintergrund.
Führen Sie die SQL-Anweisung aus, um das Codierungsformat zu ändern Datenbank in das utf8mb4-Speicherformat, dieses 4-Byte-Speicherformat Das UTF-8-Speicherformat ist perfekt kompatibel mit dem vorherigen 3-Byte-Speicherformat und kann Emoji-Ausdrücke direkt speichern.
2. Verwenden Sie Base-64-Codierung
Sie können beispielsweise Base-Encode verwenden, um Emoji-Ausdrücke zu codieren und sie in UTF-8 zu speichern. Decodieren Sie sie einfach, wenn Sie sie herausnehmen, aber ich habe es nicht versucht >
3. Emoji-Ausdrücke entfernen Töte es gewaltsam, ich denke, der PM wird dem nicht zustimmen Front-End-Verarbeitung Das ist es Um ein Plug-In eines Drittanbieters zu verwenden, um das Eingabe-Emoji in ein Span-Tag umzuwandeln und ihm die entsprechende Klasse zuzuweisen, finden Sie viele Emoji- und Ausdrucksbilder und senden beim Senden in den Hintergrund Span-Ausdrücke, was möglich ist Dies hat den Vorteil, dass die Anzeige auf allen Geräten gleich ist und keine Mehrdeutigkeit verursacht. Der Nachteil besteht natürlich darin, dass das Emoji-Ausdrucksbild aktualisiert wird Die Bibliothek, die Sie finden, ist unvollständig und einige Ausdrücke können nicht auf der Seite angezeigt werden. Dies erfordert regelmäßige Wartung. Empfehlen Sie eine nützlichere Plug-in-Bibliothek github.com/node-module…Anleitung Verwendung: Laden Sie zuerst das Emoji-Plugin herunter<link href="http://cdn.staticfile.org/emoji/0.2.2/emoji.css" rel="stylesheet" type="text/css" /> <script src="http://cdn.staticfile.org/emoji/0.2.2/emoji.js"></script>Mappen Sie diese beiden Codebibliotheken überhaupt nicht auf die JQuery-BibliothekDer nächste Schritt ist eben einfacher
var text = document.querySelector('emojiText'); cosnoel.log(jEmoji. unifiedToHTML(text.value))Wenn Sie die CommenJS-Spezifikation verwenden$ npm install emoji var emoji = require('emoji'); console.log('
Das obige ist der detaillierte Inhalt vonSo beheben Sie den Fehler, dass Emoji-Ausdrücke nicht an das Frontend gesendet werden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!