Comment résoudre le bug empêchant l'envoi d'expressions emoji sur le front-end

Quand je faisais du développement mobile auparavant, il y avait une fonction pour poster des commentaires qui devait être implémentée. Bien que cette fonction soit relativement simple à implémenter, lorsque je l'ai testée, j'ai dit que le bug était l'emoji qui vient avec. le téléphone n'a pas pu envoyer est toujours apparu. Alors aujourd'hui, je vais vous apporter une solution à ce BUG

1 Changer le format de la base de données en arrière-plan

Exécutez l'instruction SQL pour changer le format d'encodage du. base de données au format de stockage utf8mb4, ce formulaire de stockage UTF-8 de 4 octets est parfaitement compatible avec le formulaire de stockage précédent de 3 octets et peut stocker directement les expressions emoji.

2. Utilisez l'encodage base-64

Par exemple, vous pouvez utiliser base-encode pour encoder des expressions emoji et les stocker en UTF-8. Décodez-les simplement lorsque vous les supprimez, mais je ne l'ai pas essayé

3. Débarrassez-vous des expressions emoji

Tuez-le violemment, je suppose que le PM n'acceptera pas cela

Traitement frontal

C'est le cas. utiliser un plug-in tiers pour convertir l'emoji d'entrée en une balise span et lui attribuer la classe correspondante, trouver de nombreuses images d'emoji et d'expression, et lorsqu'ils les envoient en arrière-plan, ils envoient des expressions span, qui peuvent être stocké en arrière-plan. L'avantage est que l'affichage sera le même sur tous les appareils et ne posera aucun problème. Bien sûr, l'inconvénient est que les expressions emoji sont mises à jour. La bibliothèque que vous trouvez est incomplète et certaines expressions ne peuvent pas être affichées sur la page. Cela nécessite une maintenance régulière

Recommandez une bibliothèque de plug-ins plus utile github.com/node-module…

Comment faire utilisation : Téléchargez d'abord le plug-in emoji

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

Mappez ces deux bibliothèques de codes. Ce plug-in n'a pas du tout besoin de s'appuyer sur la bibliothèque jquery

L'étape suivante est même. plus simple

var text = document.querySelector('emojiText');
cosnoel.log(jEmoji. unifiedToHTML(text.value))

Si vous utilisez la spécification commenJS

$ npm install emoji var emoji = exiger('emoji'); console.log('

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!