为了避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具，加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder，以及一些最常用的插件…

“你想做的一定有人做了，你一定不是第一个遇到这个问题的人”——这句话对80%（二八分布）的人是有效的，我也从中获益不少。 在Chrome中使用button标签来高亮被@的用户，在Firefox中使用img标签来高亮被@的用户（绝妙）这里不同标签的使用很讲究，考虑了浏览器兼容性。…

背景 一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。 产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，

最近产品想让我在富文本里加个旋转图片的功能，我一想🤔，就觉得事情并不简单，因为印象中好像没见过这种操作。果然，经过一番百度之后，确实没怎么看到相关信息，这也就意味着要自己动手丰衣足食了😢。但我自己对富文本又没什么了解，所以顺带稍微看了下富文本的实现方式，特此来沉淀一下，还是…

用户在一段文本输入过程中，如果遇到系统内存在的姓名就用蓝色标识出来，也可以在光标处通过点击姓名的方式把姓名加进去。

进入富文本编辑器的神奇世界，探索Selection与Range的妙用！无论你是一名开发者还是一个对技术充满好奇心的爱好者，这篇技术博客将为你揭开富文本编辑器背后的秘密。

基于vue手把手教你实现一个拥有@人功能的文本编辑器（其实就是微信群聊的输入框），你可以在文本框里at你想要a的那个人

通过详细的解析和实例，本文将带您了解如何使用contenteditable技术以及Selection Range api 开发替代传统的textarea的夸框架组件，解决其中遇到的各种稀奇古怪的问题。

前几篇文章中分别介绍了如何实现聊天输入框的双向绑定、回车键发送、粘贴文本图片等功能，本着完善输入框的目的，文本重点介绍聊天框如何实现@功能。 文章回顾：