우선, 실제로는 프런트엔드 분석이 필요하지 않습니다. 아래 그림과 같이 편집기에서 해당 이모티콘의 코드를 확인할 수 있습니다. 텍스트 편집 상자에 비슷한 title="发怒"的属性值的。前端在点击这些图标时,直接把图标元素对应的title拼接成[/...] 형식의 문자열이 기록되어 있어야 합니다.
둘째, 프론트엔드에서 처리하지 않고 백엔드로 보내면 바로 보내집니다[/发怒].
셋째, 다른 사람의 댓글을 받을 때(즉, 편집 상자가 아닌 댓글 목록에서) 백엔드에서 프런트엔드로 제공하는 데이터는 사진을 배경으로 한 评论评论[/发怒][/发怒]这样的纯文本,由前端将[/...]格式的文本再替换为你看到的<span ... title="发怒" class="face-item ..."></span>이모티콘 태그와 유사합니다.
우선, 실제로는 프런트엔드 분석이 필요하지 않습니다. 아래 그림과 같이 편집기에서 해당 이모티콘의 코드를 확인할 수 있습니다. 텍스트 편집 상자에 비슷한
title="发怒"
的属性值的。前端在点击这些图标时,直接把图标元素对应的title
拼接成[/...]
형식의 문자열이 기록되어 있어야 합니다.둘째, 프론트엔드에서 처리하지 않고 백엔드로 보내면 바로 보내집니다
[/发怒]
.셋째, 다른 사람의 댓글을 받을 때(즉, 편집 상자가 아닌 댓글 목록에서) 백엔드에서 프런트엔드로 제공하는 데이터는 사진을 배경으로 한
评论评论[/发怒][/发怒]
这样的纯文本,由前端将[/...]
格式的文本再替换为你看到的<span ... title="发怒" class="face-item ..."></span>
이모티콘 태그와 유사합니다.