简介

在接到这个需求的时候，我就纳闷，为啥要搞这么多花样，评论就评论吧，它还要你实现艾特某人的时候，还要调用后台的IM接口，给相关人员发送通知推送；说到这里，有点经验的JY应该就想到了，数据参数如何组装和传递这是个关键点，后面再细说。

评论区主要实现的功能点有：表情包选择，艾特符识别并弹出人员选择，还有就是图片选择（篇幅有限，这个放在第二篇文章述说），还有就是支持表情包，艾特人，文本组合显示的文本区域（这个是难点）

组合显示的文本区域，除了能正常显示三种元素节点，还需要将其关联的数据包裹起来，方便在点击发送的时候，将这些数据提取出来进行组装，然后发送给后台；

刚开始，毫无头绪，不知从何下手的时候，想到的就是去寻找一劳永逸的插件，然后发现，比较适合做这方面的插件，无非就是富文本编辑器吧，比如最常用的富文本编辑器Vue-Quill-Editor^[1] ,但是研究了一番这开源插件的文档发现，开发的API并不能满足我实际的需求，比如艾特人的情况下数据存储，还有改写后光标的显示和跟踪问题，，

利用 Vue 实现评论板块：发表情，@某人消息推送相关推荐

nodejs android 推送,利用Nodejs怎么实现一个微信小程序消息推送功能
利用Nodejs怎么实现一个微信小程序消息推送功能发布时间:2021-01-20 13:55:29 来源:亿速云阅读:92 作者:Leah 今天就跟大家聊聊有关利用Nodejs怎么实现一个微信小程 ...
vue项目集成stomp.js接收artemis消息推送
这里写目录标题 1.安装依赖 2. 新建连接需要的配置文件linkparam.js文件 3.在所需要的vue页面引入 4.在组件中应用stomp.js 5. 创建成功 1.安装依赖 npm insta ...
如何利用springboot快速搭建一个消息推送系统
最近在完善毕设的路上,由于是设计一个远程控制物联网系统,所以服务端到硬件我选用了MQTT协议.因为MQTT的发布/订阅模式很适合这种场景.接下来就来聊聊遇到的一些问题以及解决思路吧. 毕设技术栈:sp ...
利用MUI+个推实现APP消息推送
利用MUI+个推实现APP消息推送从2015年7月开始使用MUI进行APP的开发,到现在已经有一个年头了.而以前做过的东西都没有整理过,以后会将自己遇到的坑整理下来. 这篇主要是讲利用MUI和集成的 ...
Flex通过Blazeds利用Remoteservice与后台java消息推送
Flex通过Blazeds利用Remoteservice与后台java消息推送准备工作:Myeclipse中先建立一个Web project工程,然后导入Blazeds的文件,再转换为Flex项目类 ...
钉钉一行代码_利用Python快速搭建钉钉和邮件数据推送系统
前面的文章我们写到了利用Python实现钉钉和邮件的数据推送,在数据处理这一块实现了对mysql和odps的数据获取和处理,可以满足常规业务大部分数据场景需求,在一家初创公司数据基础建设还不完善的时候 ...
微信早安，利用uniCloud阿里云的云函数实现定时推送
最近比较火的微信早安,看了一下小红书 @猪咪不是猪的教程,也动手做了一下,并做了一下实现定时的优化与符合我自己需求的修改.由于本人并不很熟悉python,所以部分修改是基于教程源码做修改的,在此也感谢 ...
Java项目中利用钉钉机器人Webhook向钉钉群推送告警通知
今天来讲一下 Java项目中利用钉钉机器人Webhook向钉钉群推送告警通知一.配置钉钉群 1.新建一个接收通知的钉钉群如下图,创建一个接收通知的钉钉群选择项目群,点创建输入群名称,右侧选择群 ...
订阅号服务器消息推送数量,如何解决微信公众号一个月只能发4次消息的问题...
如何解决微信公众号一个月只能发4次消息的问题发布时间:2021-01-19 09:49:16 来源:亿速云阅读:120 作者:小新这篇文章将为大家详细讲解有关如何解决微信公众号一个月只能发4次消 ...

利用 Vue 实现评论板块：发表情，@某人消息推送

简介

利用 Vue 实现评论板块：发表情，@某人消息推送相关推荐

最新文章

热门文章