可以用微信小程序,具体 *** 作步骤如下:
1、首先我们在微信主页往下滑。
2、下滑之后就可以看到微信小程序的页面,点击三个点点的按钮。
3、这个时候就可以看到右上角有一个搜索按钮,点击。
4、这个时候会出来一个搜索框,在上面输入“emoji表情符号大全”进行搜索。
5、点击第一个就是我们要找的小程序。
6、然后我们就可以看到这个小程序,里面有很多的emoji,随便选择自己喜欢的,点击即可复制。
7、返回到微信主页面,找到想给他发表情的这个人。
8、这个时候在输入框中直接粘贴,就可以粘贴刚刚复制好的emoji表情啦。
首先每个emoji 表情有保存到服务器,可以通过 URL 访问,如
http://....../em001
1.将带 emoji 标签复合文本字符串(如:你好,em001),分割成纯文本和 emoji 标签文本,并装进数组。方法如下
/**
根据说说内容,将文本、表情切分为数组
@param {string} content 说说源内容
*/
function messageContentArray (content) {
const reg = /\[em[2-4]+\d{3}\]/g
const emRegArr = content.match(reg)
// 没有表情,直接返回文本内容
if (!emRegArr) return [{type: 'text', content}]
const indexArr = []
const contentArr = []
// 递增取得所有表情index
let pos = content.indexOf(emRegArr[0])
for (let i = 1i <emRegArr.lengthi++) {
indexArr.push(pos)
pos = content.indexOf(emRegArr[i], pos + 1)
}
indexArr.push(pos)
indexArr.map((emIndex, i) =>{
// 首个为表情
if (emIndex === 0) {
contentArr.push({type: 'emotion', source: emRegArr[i]})
} else {
if (i === 0) {
// TODO:临时的处理方式,待观察内存占用情况
for (let index = 0index <emIndexindex++) {
contentArr.push({type: 'text', content: content[index]})
}
// contentArr.push({type: 'text', content: content.substr(0, emIndex)})
} else {
// 两个表情之间夹杂了文本
const preEmoLocation = indexArr[i - 1] + emRegArr[i - 1].length
const locationDiff = emIndex - preEmoLocation
if (locationDiff >0) {
for (let index = preEmoLocationindex <locationDiffindex++) {
contentArr.push({type: 'text', content: content[index]})
}
// contentArr.push({type: 'text', content: content.substr(preEmoLocation, locationDiff)})
}
}
contentArr.push({type: 'emotion', source: emRegArr[i]})
}
})
const lastLocation = indexArr[indexArr.length - 1] + emRegArr[emRegArr.length - 1].length
if (content.length >lastLocation) {
// contentArr.push({type: 'text', content: content.substr(lastLocation, content.length - lastLocation)})
for (let index = lastLocationindex <content.lengthindex++) {
contentArr.push({type: 'text', content: content[index]})
}
}
return contentArr
}
2.然后在 view 标签,遍历数组
<View className="talk-content">
{contentArr.map((Citem, index) =>{
if (Citem.type === 'emotion') {
const str = Citem.source.substr(1, Citem.source.length-2)
return <Image key={`Emotion_${index}`} className="emoji" src={'http://'+str+'.jpg'} />
}
const isEnter = Citem.content === '\n'
if (isEnter) {
// hack Text 显示单个 \n 时,会有样式问题
return <View key={`Text_${index}`} />
}
return <Text key={`Text_${index}`} className="txt" >{Citem.content}</Text>
})}
</View>
1、首先在微信上“搜索小程序”的框里输入“TF表情包”,2、其次点击小程序“TF表情包”进入表情包里面选择一个喜欢的气泡。
3、最后选择气泡emoji发送即可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)