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] ?
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.