javascript - 이모티콘은 어떻게 파싱되나요? ?
世界只因有你
世界只因有你 2017-06-26 10:55:15
0
1
782

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

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

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

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

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

世界只因有你
世界只因有你

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

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

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!