TeemuKoivisto / prosemirror-dev-toolkit

Injectable developer tools for ProseMirror rich-text editors implemented in Svelte and TypeScript.
https://teemukoivisto.github.io/prosemirror-dev-toolkit/
MIT License
117 stars 6 forks source link

multiple editors #71

Closed mustafa0x closed 1 year ago

mustafa0x commented 1 year ago

Is there a way to tell the tool which editor you'd like to inspect? Eg on this page https://tiptap.dev/experiments/multiple-editors

Thanks!

TeemuKoivisto commented 1 year ago

Yes with the Chrome extension. It should show a list of their contents and then you just select which one.

mustafa0x commented 1 year ago

Where is this list displayed? This it the dev tools, using the extension.

image

As you can see, it shows the state of the first editor. How could I should the state of the other editors?

TeemuKoivisto commented 1 year ago

There's a short cut icon that comes with the extension. By clicking the extensions symbol you should be able to pin it to keep it visible in the extension bar. There you can find the listed editors

mustafa0x commented 1 year ago

image

Found it! Awesome, thanks!