Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tables doesn't work with Vanilla JS integration of Tiptap

See original GitHub issue

What happens? RangeError: Applying a mismatched transaction

How can others reproduce the issue? Steps to reproduce the behavior:

Implement the Vanilla JS of Tiptap v2 following the example fromn the doc: https://github.com/KevinNTH/edipoc/blob/master/src/components/editors/TiptapEditor.vue
Execute the insert table button and see errors in the console: https://edipoc.vercel.app/

What behavior did you expect? That it works

Issue Analytics

State:
Created 3 years ago
Comments:10 (4 by maintainers)

Top GitHub Comments

3reactions

philippkuehncommented, Feb 6, 2021

Are you using the latest versions of all packages?

1reaction

samwilliscommented, Feb 8, 2021

Just to clarify what Phillipp said, it is possible actually to use @tiptap/core with Vue3 but you must return the editor instance from the new Vue3 setup() method, not on as a data attribute. Something like this: https://github.com/ueberdosis/tiptap-next/issues/85#issuecomment-758614539

The editor is not (as standard) reactive if you do that, however if you use this Editor subclass it adds reactive methods to it: https://github.com/ueberdosis/tiptap-next/issues/85#issuecomment-759311832

Top Results From Across the Web

Installation – Tiptap Editor

Tiptap is framework-agnostic and even works with Vanilla JavaScript (if that's your thing). The following integration guides help you integrating Tiptap in ...

Doc on vanilla javascript is weird · Issue #2486 - GitHub

What part of the documentation needs improvement? It says vanilla javascript but then it mixes up nodejs: import { Editor } from '@tiptap/core' ......

Switching Rich Text Editors, Part 1: Picking Tiptap - Ashby

A library can work great in a sandbox environment, but integrating it with an existing codebase can surface issues. We wanted to find...

Could not find a declaration file for module 'module-name ...

In Node.js everything works fine, but TypeScript: import {Injector} from '@ts-stack/di' ...

Switching Rich Text Editors, Part 1: Picking Tiptap

I ran into a lot of bugs when integrating it which I had to manually work around; issues go months without being addressed;...