July 8, 2021 by @benborgers
If you’re using the tiptap editor, it can be difficult to figure out how to get the currently selected (highlighted) text.
To do this, you have to drop down to ProseMirror, the library that tiptap is built on top of. With a given tiptap instance (
editor), you can access the internal
EditorView from ProseMirror at
Therefore we can get the current selection with:
This returns an instance of the
Selection class, which is documented here in ProseMirror's documentation. You can use all the methods listed in that documentation, and run them on
For example, to check whether any text is actually currently highlighted in the tiptap editor, you would do this:
const currentSelectionIsEmpty = editor.view.state.selection.empty
A quick favor: was anything I wrote incorrect or misspelled, or do you still have questions? Please use this form to let me know or ask for help!