emotion.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. const emoTextList = ['憨笑', '媚眼', '开心', '坏笑', '可怜', '爱心', '笑哭', '拍手', '惊喜', '打气',
  2. '大哭', '流泪', '饥饿', '难受', '健身', '示爱', '色色', '眨眼', '暴怒', '惊恐',
  3. '思考', '头晕', '大吐', '酷笑', '翻滚', '享受', '鼻涕', '快乐', '雀跃', '微笑',
  4. '贪婪', '红心', '粉心', '星星', '大火', '眼睛', '音符', "叹号", "问号", "绿叶",
  5. "燃烧", "喇叭", "警告", "信封", "房子", "礼物", "点赞", "举手", "拍手", "点头",
  6. "摇头", "偷瞄", "庆祝", "疾跑", "打滚", "惊吓", "起跳"
  7. ];
  8. let emoImageUrlList = [];
  9. // 备注:经过测试,小程序的<rich-text>无法显示相对路径的图片,所以在这里对图片提前全部转成绝对路径
  10. // 提前初始化图片的url
  11. for (let i = 0; i < emoTextList.length; i++) {
  12. let path = `/static/emoji2/${i}.gif`;
  13. uni.getImageInfo({
  14. src: path,
  15. success(res) {
  16. emoImageUrlList[i] = res.path
  17. },
  18. fail(res) {
  19. emoImageUrlList = path;
  20. }
  21. });
  22. }
  23. let transform = (content) => {
  24. return content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, textToImg);
  25. }
  26. // 将匹配结果替换表情图片
  27. let textToImg = (emoText) => {
  28. let word = emoText.replace(/\#|\;/gi, '');
  29. let idx = emoTextList.indexOf(word);
  30. let path = textToPath(emoText);
  31. // #ifdef MP
  32. // 微信小程序不能有前面的'/'
  33. path = path.slice(1);
  34. // #endif
  35. let img = `<img src="${path}" style="with:35px;height:35px;
  36. margin: 0 -2px;vertical-align:bottom;"/>`;
  37. return img;
  38. }
  39. let textToPath = (emoText) => {
  40. let word = emoText.replace(/\#|\;/gi, '');
  41. let idx = emoTextList.indexOf(word);
  42. return `/static/emoji/${idx}.gif`;
  43. }
  44. export default {
  45. emoTextList,
  46. transform,
  47. textToImg,
  48. textToPath
  49. }