本系列旨在分享在开发思维导图库blink-mind 和blink-mind-desktop 时技术选择的一些经验。 在使用react开发强交互app或者类库时，选择什么样的框架或者数据结构进行状态管理无疑是非常重要的。常见的状态管理框架有redux, mobx。状态管理库通常配…

wangEditor V5 发布在即，为了验证它的扩展性，我近期做了几个第三方插件。可查看插件列表。 本文分享 @ mention 插件的设计和实现，使用 Vue 做一个示例，源码在本文末尾。

背景 首先明确一个点，我们的 wangEditor 编辑器 5.0 版本已确定使用 Slate 作为核心依赖开发，但是为了不受框架限制，我们不直接使用 Slate 自己封装的 “View” 也就是..

所谓 L1 能力，即弃用浏览器自带的 execCommand ，自己来实现富文本样式操作。 我从 4.3 开始陆续业余时间调研，目前已有 2-3 周，分享一些调研记录。

前言Slate 是一个完全可定制的、用来构建富文本编辑器的框架，它受 Draft.js、Prosemirror、Quill 等的启发，你可以使用 Slate 构建像Medium, Dropbox Pa

wangEditor 正在设计新版本，力争做一个更加稳定、简洁的开源富文本编辑器。虽然已经实现部分功能，但目前还处于技术方案设计过程中，API 和代码结构还会继续调整。

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

在最近的项目中，需要通过canvas来实现一个文本编辑器，大部分场景中，其实都不需要通过canvas来实现一个编辑器。只有那种需要利用canvas的绘制功能，实现div/css无法模拟出的文字效果，此时你需要利用canvas来实现文本编辑和渲染。此外,使用canvas实现文本编…

1. 接管所有事件，有自己的排版引擎 2. 接管渲染，监听/拦截 事件修正状态，有自己的模型层 3. 依赖 document.execCommand 1. 什么是 contenteditable HTML中的 contenteditable 的属性可以打开某些元素的可编辑状态．…