尝试在editor中去解析emoji插件的表情数据,但由于emoji是使用雪碧图background-position实现的, 所以每个表情都需要有background-image,尝试在标签上赋值, 发现在editor.setContents()中赋值后, 背景图并不生效。
const parsedComment = this.parseEmoji(this.data.comment);
this.setData({
parsedComment,
comment: ''
});
const { html: oldHtml } = await this.editorCtx.getContents();
let comments = '';
parsedComment.forEach(
(comment) =>
(comments += `<div style="background-image: url(http://bwx.yiban.cn/static/wechat_emoji/wechat_emoji.png);width: 64px;height: 64px">${comment.imageClass}</div>`)
// (comments += `<span class="weui-icon_emotion ${comment.imageClass}" style="background-image: url('https://bwx.yiban.cn/static/wechat_emoji/wechat_emoji.png');width: 64px;height: 64px;color: red">${comment.imageClass}</span>`)
);
// console.log(comments);
this.editorCtx.setContents({
html: `${oldHtml}${comments}`
});
不行
只要不是太旧的手机都原生支持直接输入emoji,就像这样😀😁🤣😂😄😅😆😇😍😌😋☺️🙃🙂😊😉😘😙😜😝🤑🤓😎🤗🐶🐱🐭🐹🐰🐻🐼🐨🐵🐙🐸🐽🐷🐮🦁🐯🙈🙉🙊🐒🐔🐧🐦🐤🍏🍎🍐🍊🍋🍌🍉🍇🍅🥑🥝🍍🍑🍒🍈🍓🍆🥒🥕🌶🥔🌽🍠🥜⚽️🏈⚾️🎾🏐🏉🎱🎿🏏🏑🏒🏸🏓🏌⛳️🚗🚕🚙🚌🏎🚓🚑🚒🚔🚨🚲🏍🚜🚛🚚🚐⌚️📱📲💻⌨️🖥🖨🖱🎥📹📸📷📼💿💾💽❤️💔💕💗💖💘✝️✡️♌️♋️♊️♉️♈️⛎☯️🔯🇦🇫🇦🇱🇩🇿🇦🇸🇦🇩🇦🇴🇦🇮🇦🇶🇧🇸🇦🇿🇦🇹🇦🇺🇦🇼🇦🇲🇦🇷🇦🇬,不需要再使用雪碧图这种落后的方式来实现