prosemirror-dev-tools

<p align="center"> <a href="https://npmjs.org/package/prosemirror-dev-tools"> <img src="https://yellow-cdn.veclightyear.com/ab5030c0/ed6b2423-fa23-4e6a-b6fb-01eb743e1fce.svg" alt="NPM 版本"> </a> <a href="http://opensource.org/licenses/MIT"> <img src="https://yellow-cdn.veclightyear.com/ab5030c0/9372e179-d762-4ee8-898c-e33f509a5c45.svg" alt="许可证"> </a> <a href="https://github.com/d4rkr00t/prosemirror-dev-tools/issues"> <img src="https://yellow-cdn.veclightyear.com/ab5030c0/57bacff8-ae14-42ae-8aab-effc39d0c915.svg" alt="Github 问题"> </a> <a href="https://travis-ci.org/d4rkr00t/prosemirror-dev-tools"> <img src="https://img.shields.io/travis/d4rkr00t/prosemirror-dev-tools.svg" alt="Travis 状态"> </a> <a href="http://commitizen.github.io/cz-cli/"> <img src="https://yellow-cdn.veclightyear.com/ab5030c0/74a2bd88-4dbd-4e35-90ce-dd38e4e1655d.svg" alt="Commitizen 友好"> </a> </p>

目录

• 目录
• 快速开始
  • NPM 方式
• 功能
  • 状态
  • 历史
  • 插件
  • 架构
  • 结构
  • 快照
• 演示
• 贡献
• 许可证

快速开始

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 友好的 — 请在这里阅读相关信息。

许可证

• MIT : http://opensource.org/licenses/MIT