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
115 stars 6 forks source link

multiple editors #71

Closed mustafa0x closed 10 months ago

mustafa0x commented 10 months 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 10 months ago

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

mustafa0x commented 10 months 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 10 months 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 10 months ago

image

Found it! Awesome, thanks!