Setup Multiplayer Editing for Tiptap Editor.
@veltdev/tiptap-crdt-react
library enables real-time collaborative editing on Tiptap Editors. The collaboration editing engine is built on top of Yjs and Velt SDK.
editorId
to uniquely identify each editor instance you have in your app. This is especially important when you have multiple editors in your app.editorId
per editor instance.history
when using collaboration.editorId
and users are authenticated. Also ensure that you are logged in with two different users in two different browser profiles.history
is disabled when using collaboration.Uint8Array | number[]
.
useVeltTiptapCrdtExtension(config: VeltTiptapCrdtExtensionConfig)
editorId
: Unique identifier for the editor instance.initialContent
: Initial content for the editor.debounceMs
: Debounce time for update propagation (ms).VeltCrdt
: Tiptap Velt CRDT Extension.store
: Tiptap CRDT store instance.isLoading
: Whether the store is initialized. false
once store is initialized, true
by default.