All Projects → d4rkr00t → Prosemirror Dev Tools

d4rkr00t / Prosemirror Dev Tools

Developer Tools for ProseMirror

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Prosemirror Dev Tools

Wappalyzer
Identify technology on websites.
Stars: ✭ 7,245 (+4238.32%)
Mutual labels:  developer-tools, devtools
Logvac
Simple, lightweight, api-driven log aggregation service with realtime push capabilities and historical persistence.
Stars: ✭ 61 (-63.47%)
Mutual labels:  developer-tools, devtools
Shon
A simple tool to convert json or yaml into a shell-compliant data structure.
Stars: ✭ 47 (-71.86%)
Mutual labels:  developer-tools, devtools
Re Frisk
Take full control of re-frame app
Stars: ✭ 396 (+137.13%)
Mutual labels:  developer-tools, devtools
Hmake
HyperMake - Makes Builds Green without Worrying about Pre-requisites
Stars: ✭ 95 (-43.11%)
Mutual labels:  developer-tools, devtools
Shaman
Small, lightweight, api-driven dns server.
Stars: ✭ 426 (+155.09%)
Mutual labels:  developer-tools, devtools
Grpcc
A gRPC cli interface for easy testing against gRPC servers
Stars: ✭ 1,078 (+545.51%)
Mutual labels:  developer-tools, devtools
BootstraPHP
A Bootstrap wrapper for PHP
Stars: ✭ 24 (-85.63%)
Mutual labels:  devtools, developer-tools
Tutorialdb
A search 🔎 engine for programming/dev tutorials, See it in action 👉
Stars: ✭ 93 (-44.31%)
Mutual labels:  developer-tools, devtools
Hoarder
A simple, api-driven storage system for storing code builds and cached libraries for cloud-based deployment services.
Stars: ✭ 91 (-45.51%)
Mutual labels:  developer-tools, devtools
Ply
CSS inspection aided by visual regression pruning
Stars: ✭ 370 (+121.56%)
Mutual labels:  developer-tools, devtools
Check It Out
A command line interface for Git Checkout. See branches available for checkout.
Stars: ✭ 127 (-23.95%)
Mutual labels:  developer-tools, devtools
Fiddler Plus
自定义的Fiddler规则,多环境切换、解决跨域开发、快速调试线上代码必备|高效调试分析利器
Stars: ✭ 325 (+94.61%)
Mutual labels:  developer-tools, devtools
Mist
A distributed, tag-based pub-sub service for modern web applications and container-driven cloud.
Stars: ✭ 634 (+279.64%)
Mutual labels:  developer-tools, devtools
Magento2 Developer Quickdevbar
Developer Toolbar for Magento2
Stars: ✭ 306 (+83.23%)
Mutual labels:  developer-tools, devtools
Pulse
Dynamic, api-driven stats collector service for realtime stats publishing and historical aggregation with Influxdb.
Stars: ✭ 48 (-71.26%)
Mutual labels:  developer-tools, devtools
narc
Small utility to watch log files and ship to syslog service.
Stars: ✭ 18 (-89.22%)
Mutual labels:  devtools, developer-tools
myke
make with yaml: development tasks made simple with golang, yaml and many ingredients
Stars: ✭ 67 (-59.88%)
Mutual labels:  devtools, developer-tools
Artemis Dev Tool
An Apollo GraphQL Query Schema Testing Tool
Stars: ✭ 66 (-60.48%)
Mutual labels:  developer-tools, devtools
Service Worker Detector
This extension detects if a website registers a Service Worker.
Stars: ✭ 124 (-25.75%)
Mutual labels:  developer-tools, devtools

prosemirror-dev-tools

NPM Version License Github Issues Travis Status Commitizen Friendly

Table of Content

Quick Start

NPM Way

Install prosemirror-dev-tools package from npm:

npm install --save-dev prosemirror-dev-tools

Wrap EditorView instance in applyDevTools method:

import applyDevTools from "prosemirror-dev-tools";

const view = new EditorView /*...*/();

applyDevTools(view);

Features

State

  • Inspect document – all nodes and marks
  • Inspect selection – position, head, anchor and etc.
  • Inspect active marks
  • See document stats – size, child count

prosemirror-dev-tools state tab

History

  • Inspect document changes over time
  • Time travel between states
  • See selection content for particular state in time
  • See selection diff

prosemirror-dev-tools history tab

Plugins

Inspect state of each plugin inside prosemirror.

prosemirror-dev-tools plugins tab

Schema

Inspect current document schema with nodes and marks.

prosemirror-dev-tools schema tab

Structure

Visual representation of current document tree with positions at the beginning and the end of every node.

prosemirror-dev-tools structure tab

Snapshots

Snapshots allow you to save current editor state and restore it later. State is stored in local storage.

prosemirror-dev-tools snapshots tab

Demo

Contributing

Contributions are highly welcome! This repo is commitizen friendly — please read about it here.

License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].