mirror of
https://github.com/ueberdosis/tiptap.git
synced 2024-12-19 13:47:51 +08:00
31 lines
913 B
Markdown
31 lines
913 B
Markdown
---
|
||
tableOfContents: true
|
||
---
|
||
|
||
# Collaborative editing
|
||
|
||
## Introduction
|
||
This example shows how you can use Tiptap to let multiple users collaborate in the same document in real-time.
|
||
|
||
It connects all clients to a WebSocket server and merges changes to the document with the power of [Y.js](https://github.com/yjs/yjs). If you want to learn more about collaborative text editing, check out [our guide on collaborative editing](/guide/collaborative-editing).
|
||
|
||
## Example
|
||
:::warning Shared Document
|
||
Be nice! The content of this editor is shared with other users from the Internet.
|
||
:::
|
||
|
||
https://embed.tiptap.dev/preview/Examples/CollaborativeEditing
|
||
|
||
## Backend
|
||
In case you’re wondering what kind of sorcery you need on the server to achieve this, here is the whole backend code for the demo:
|
||
|
||
```js
|
||
import { Server } from '@hocuspocus/server'
|
||
|
||
const server = Server.configure({
|
||
port: 80,
|
||
})
|
||
|
||
server.listen()
|
||
```
|