根据业务需求在使用vue制作富文本编辑器过程中，将div设置为可编辑状态。 此时需要实时获取用户输入内容，v-model无法使用在div中。 这样就可以实时获取用户输入了。

本系列持续更新中，Github 地址请查阅这里。 这是 JavaScript 工作原理的第十章。 网络应用在客户端日益复杂，这是由很多因素的造成的，比如需要更加丰富的界面交互以提供更加复杂的应用功能，实时计算等等。 网络应用的日益复杂导致无法知晓其生命周期中指定时刻准确的交互界…

你是否好奇过那些像 codesandbox 和 codepen 的 在线 react 编辑器是如何实现的？你是否用过 semantic react 或 react styleguidist，直接在浏览器中修改上面的例子，就能实时预览。 这周末我终于将零碎的概念汇总到了一起并实现…

背景介绍 模拟实现 Textarea 的功能，当用户输入 @ 的时候弹出选择框选择人员，同时，将 @人员 变成蓝色插入到编辑框中。这样的需求想到的解决方案就是利用 DIV 的 contentedita

使用CodeMirror实现一些自定义的规则因为项目中需要一个能够实现自定义规则的文本编辑器，对比了几个库，最终还是选用了CodeMirrorCodeMirror的优点文档完善，简单易懂Demo

不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。

前言：最近在写一些新闻资讯详情的页面，header组件、footer组件、目录组件都是固定的，只有新闻的内容是变化的。为了不去写重复的代码（有句话怎么说来着：战略上偷懒，战术上勤奋，就是这个意思），准备采用md文件渲染为html文件这个思路，如果后续追加新的新闻资讯页面，只需新…

万事开头难，鬼知道在写这篇文章的时候我踌躇了多久。 在知乎上有一篇帖子在讨论Markdown编辑器做成WYSIWYG(所见即所得)形式有什么弊端。 本文相对而言，更像是开篇总结，实质内容没多少，活脱脱一篇菜鸡踩坑日记。 对于一个程序员来说，我们使用markdown大多是在REA…

slate.js 提供了 Web 富文本编辑器的底层能力，并不是开箱即用的，需要自己二次开发许多内容。 也正是这个特点，使得它的扩展性特别好，许多想要定制开发编辑器的，都会选择基于 slate.js 进行二次开发。 slate.js 能满足全世界用户进行定制开发、扩展功能，说明…