ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

add some comments

Browse Source
This commit is contained in:
Philipp Kühn
2019-05-04 12:31:10 +02:00
parent 055d72be26
commit 7cad96ee3c
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
examples/Components/Routes/Collaboration/index.vue
View File

@@ -38,8 +38,12 @@ export default {
extensions: [ extensions: [
new History(), new History(),
new Collaboration({ new Collaboration({
// the initial version we start with
// version is an integer which is incremented with every change
version, version,
// debounce changes so we can save some bandwidth
debounce: 250, debounce: 250,
// onSendable is called whenever there are changed we have to send to our server
onSendable: data => { onSendable: data => {
this.socket.emit('update', data) this.socket.emit('update', data)
}, },
@@ -50,8 +54,11 @@ export default {
}, },
mounted() { mounted() {
// server implementation: https://glitch.com/edit/#!/tiptap-sockets
this.socket = io('wss://tiptap-sockets.glitch.me') this.socket = io('wss://tiptap-sockets.glitch.me')
// get the current document and its version
.on('init', data => this.onInit(data)) .on('init', data => this.onInit(data))
// send all updates to the collaboration extension
.on('update', data => this.editor.extensions.options.collaboration.update(data)) .on('update', data => this.editor.extensions.options.collaboration.update(data))
}, },