Vue
零信号
让优秀成为习惯
展开
-
【Vue组件】从零开始实现一个支持插入自定义表情的评论组件
近期由于产品迭代,需要新增一个评论功能,且需要支持插入自定义表情。评论功能很多人一开始跟我一样,第一个想到的就是用textarea,但是textarea是不支持的插入图片的,因为我们的表情包是以图片的形式插入文本中的,所以这里是使用HTML5的新特性contenteditable,让div里的内容变成可编辑的。先看下效果图:组件功能:支持插入自定义表情字符验证,超出部分自动切割(以字符进行计算,不是以长度进行计算,一个中文2个字符,一个字母1个字符,一个表情4个字符),因为我们公司业务是使用原创 2020-10-12 11:52:08 · 961 阅读 · 2 评论 -
【tinymce-vue】tinymce-vue自定义图片上传插件,且在插件中调用vue组件
最近工作项目需要基于tinymce-vue进行插件开发,需要自己写一个插入图片/视频/链接的插件,虽然说tinymce自带就有这些插件,但是这些插件的UI界面长得不是很美观,所以大佬说要自定义tinymce的这些插件。现在就基于tinymce-vue自定义图片上传的插件,来记录一下吧。先讲一个这个关于图片上传的需求:在点击菜单栏的插入图片,要弹出一个我们自定义的vue组件点击图片上传后要将...原创 2020-04-29 00:01:52 · 3451 阅读 · 3 评论 -
对于基于promise的HTTP库axios的二次封装
对于前端开发者来说,对于封装自己的组件库或者API,可能是再常见不过的事了。所以现在我们自己来对axios进行二次封装,对请求api的集中式管理,使axios使用起来更加方便快捷。以下都是基于vue-cli下进行,用其它方式搭建项目的,需要稍作修改。(末尾有源码)既然说是对axios的二次封装,那就先安装axios吧,在项目的跟目录下打开终端,并输入 npm install axios -s...原创 2019-07-28 16:56:20 · 536 阅读 · 0 评论