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
JavaScript HTML CSS
Branch: develop
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
LICENSE
README.md
package.json
server.js
yarn.lock

README.md

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. https://github.com/ianstormtaylor/slate/issues/259
You can’t perform that action at this time.