javascript - 이모티콘은 어떻게 파싱되나요? ?

Question

창옌의 댓글 시스템에서 본 내용입니다

Angry를 클릭하면 [/Angry]가 표시됩니다

그러면 배경 이미지에서 출력된 것을 볼 수 있습니다. 그런 다음 배경 위치를 사용하여 위치를 지정합니다

내가 알고 싶은 것은 프런트 엔드가 [/angry]를 어떻게 파싱하는가 입니다. ?

둘째, 프론트엔드에서 처리하지 않고 백엔드로 보내는 건가요? 직접 보내[/화나]?

Answer 1

• 우선, 실제로는 프런트엔드 분석이 필요하지 않습니다. 아래 그림과 같이 편집기에서 해당 이모티콘의 코드를 확인할 수 있습니다. 텍스트 편집 상자에 비슷한 title="发怒"的属性值的。前端在点击这些图标时，直接把图标元素对应的title拼接成[/...] 형식의 문자열이 기록되어 있어야 합니다.
  

• 둘째, 프론트엔드에서 처리하지 않고 백엔드로 보내면 바로 보내집니다[/发怒].

• 셋째, 다른 사람의 댓글을 받을 때(즉, 편집 상자가 아닌 댓글 목록에서) 백엔드에서 프런트엔드로 제공하는 데이터는 사진을 배경으로 한 评论评论[/发怒][/发怒]这样的纯文本，由前端将[/...]格式的文本再替换为你看到的<span ... title="发怒" class="face-item ..."></span>이모티콘 태그와 유사합니다.