目录
快速开始
NPM 方式
从 npm 安装 prosemirror-dev-tools
包:
npm install --save-dev prosemirror-dev-tools
在 applyDevTools 方法中包装 EditorView
实例:
import applyDevTools from "prosemirror-dev-tools";
const view = new EditorView /*...*/();
applyDevTools(view);
功能
状态
- 检查文档 – 所有节点和标记
- 检查选择 – 位置、头部、锚点等
- 检查活动标记
- 查看文档统计信息 – 大小、子节点数量
历史
- 检查随时间变化的文档更改
- 在状态之间进行时间旅行
- 查看特定时间状态的选择内容
- 查看选择差异
插件
检查 prosemirror 内部每个插件的状态。
架构
检查当前文档架构,包括节点和标记。
结构
当前文档树的可视化表示,显示每个节点开始和结束的位置。
快照
快照允许您保存当前编辑器状态并在稍后恢复。状态存储在本地存储中。
演示
贡献
非常欢迎贡献!这个仓库是 commitizen 友好的 — 请在这里阅读相关信息。