菜单Emoji表情微信发什么符号对方收不到,安桌的没问题苹果手机部分可以,是否和系统版本有原因呢如果不用Emoji表情微信发什么符号对方收不到,还有其它方法吗
最近项目中遇到一个问题微信昵称中的特殊字符不能正常显示,比如表情各种笑脸、小动物、爱心之类的。
最恨这些标新立异的人老老实实输入名字不行么,非要輸入表情o(╥﹏╥)o
后台的小伙伴将微信昵称中的特殊字符转换成html实体编码(例如:“哆啦A梦😜😜”)。
这个展示还不简单随便放入一个html标签就鈳以正常展示了:
在vue项目中也好说只要使用v-html指令就可以轻松搞定:
问题就在于,微信昵称需要可编辑但是input的value属性只能识别字符串,无法正确解析html实体:
没办法需求还是要实现的找度娘、跟同事请教,最后总结出两个解决方案
规定可以编辑元素内容。 规定无法编辑元素内容
给span标签添加contenteditable属性后,可以利用input及blur事件实现类似双向绑定的效果(假象不要当真)
本来想放一段录屏看一下效果,原谅我不会添加视频到文章里只能小伙伴自己动手实现了。
由于我的项目布局已经成型不想改动太大所以采用的第二种解决方案。个人觉得第一种解决方案很适合自定义表单输入组件呢有时间可以试试。
以上就是我对於微信昵称特殊字符前端显示问题的记录总结如果有更好的解决方案,还请多多指教啊