javascript - Comment les emoji sont-ils analysés? ?

Question

Cela a été vu par le système de commentaires de Changyan

Cliquez sur Angry et vous verrez [/ Angry]

Ensuite, vous voyez que la sortie provient de l'image d'arrière-plan. Comptez ensuite sur background-position pour le positionner

Ce que je veux savoir, c'est comment le front-end analyse [/angry] ? ?

Deuxièmement, le front-end l'envoie-t-il au back-end sans traitement ? Envoyer directement[/angry] ?

Answer 1

• Tout d’abord, cela ne nécessite pas d’analyse frontale. Vous pouvez vérifier le code de ces émoticônes dans l'éditeur (comme indiqué ci-dessous). Il devrait y avoir des chaînes dans un format title="发怒"的属性值的。前端在点击这些图标时，直接把图标元素对应的title拼接成[/...] similaire écrites dans la zone d'édition de texte.
  

• Deuxièmement, le front-end l'envoie au back-end sans traitement, il est envoyé directement[/发怒].

• Troisièmement, lorsque vous recevez les commentaires d'autres personnes (c'est-à-dire non pas dans la zone d'édition mais dans la liste des commentaires), les données fournies par le backend au frontend sont similaires aux balises 评论评论[/发怒][/发怒]这样的纯文本，由前端将[/...]格式的文本再替换为你看到的<span ... title="发怒" class="face-item ..."></span>émoticônes avec des images en arrière-plan.