Skip to content

An experimental repo to use socket.io to sync & show other people's cursors (carets) when collaborating to edit the same content by slatejs editor. A part of the code is modified from https://github.com/ianstormtaylor/slate/tree/master/examples. The cursor indicator shows every client's socket.io sessionID. Some candidates: prosemirror, yjs

License

grimmer0125/slatejs-exp

develop
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

This project was bootstrapped with Create React App.

You can find the most recent version of this guide here.

Install dependencies

  1. yarn install

Development

  1. node server.js to start socket.io server on http://localhost:3001/
  2. yarn start
  3. yarn open (to open http://localhost:3000/)

test

  1. open two tabs
  2. move cursor and click somewhere in the content in the 1st tab
  3. 2nd tab will show the cursor information of 1st tab (user)

Production

1.yarn build

Referecne & Similar projects about Collaborative editing

  1. https://github.com/pedrosanta/quill-sharedb-cursors
  2. https://en.wikipedia.org/wiki/Operational_transformation
  3. ianstormtaylor/slate#259

About

An experimental repo to use socket.io to sync & show other people's cursors (carets) when collaborating to edit the same content by slatejs editor. A part of the code is modified from https://github.com/ianstormtaylor/slate/tree/master/examples. The cursor indicator shows every client's socket.io sessionID. Some candidates: prosemirror, yjs

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published