【文档编辑器专栏】ProseMirror入门和实战

什么是用户交互层 在文档编辑器的架构上，直接和用户交互相关的逻辑模块，我们会称为用户交互层，一般涵盖 内容呈现 选区 光标 用户输入 悬浮操作菜单 等 竞品对比 效果对比 选中的效果，我个人认为排名为

前言 到目前为止，我们都是通过toDOM的规则去渲染dom。 对于某些用例，节点需要特定的界面，我们可以通过Plugin EditorProps.nodeViews去自定义节点视图 nodeViews

前言 prosemirror的插件系统，提供了丰富的能力，让开发者可以轻松地开发出各种插件，是prosemirror变得强大的一个重要模块 相信大家都了解或知道webpack的插件原理，webpack

选区 选区系统，是文档操作里面最重要的一个模块 我们先看prosemirror selection的数据结构 光标位置 我们看几个例子再说明具体的字段意义 只有光标 from=to=head=anch

背景 我们学习了schema的nodes和marks, 知道大概nodes和marks的作用 node节点里面有个group的属性，定义了该节点为block还是inline 在渲染层面，其实是定义了该

介绍 schema是prosemirror-model的一个对象 schema描述了文档中可能出现的节点类型，以及它们的嵌套方式。 例如，它可以说明顶层节点可以包含一个或多个区块，段落节点可以包含任意

介绍 ProseMirror 提供了一套用于构建富文本编辑器的工具和概念，使用受“所见即所得”启发的用户界面，但试图避免这种编辑风格的缺陷。 ProseMirror 的主要原则是您的代码可以完全控制文