仿微信聊天框(可编辑div)

仿微信聊天框(可编辑div)_第1张图片
效果图

因为公司项目需要做微信关注回复后台管理,单表情就必须转换成表情符,微信后台才可识别!因为公众号后台管理用的可编辑div,即div加contenteditable="true"属性,所以我也用了这个特性。

这个需求难点有:1.复制粘贴去掉所有html标签,保留换行;2.在焦点处插入内容,表情图片;

代码在GitHub:https://github.com/yzhengwang/www/blob/master/%E9%98%B2%E5%BE%AE%E4%BF%A1%E8%81%8A%E5%A4%A9%E6%A1%86%EF%BC%88%E5%8F%AF%E7%BC%96%E8%BE%91div%EF%BC%89%E6%BA%90%E7%A0%81.html

你可能感兴趣的:(仿微信聊天框(可编辑div))