gkjohnson/collaborative-code-editor

Collaborative code editor using Ace Editor, Code-Mirror, and ShareDB

collaborative-code-editor

Collaborative Text Editor example with selection synchronization, active user display, and real time text collaboration using ShareDB. The purpose of this repo is to give a basic example setup for ShareDB with an Ace Editor client and Code-Mirror client.

Details

Uses ot-text as an example format, but could easily be updated to use ot-text-tp2 or other OT formats.

Because ShareDB requires precompiling source to load, a pre-built version of sharedb is copied from this repo.

How To Run

Run npm install.

Then npm start.

A static file server will start on port 80, and the ShareDB connection on port 8080. Load up http://localhost/clients/ace-editor.html or http://localhost/clients/code-mirror.html to get collaborating!

collaborative-code-editor's Issues

Enable new documents with query

Allow for multiple documents use the query parameters from the page

There is commented-out code that creates and subscribes to the right ShareDB document, but the anchor and user display socket needs to subscribe a be tracked per document, whereas it's global right now

Remote cursor anchor appears in the wrong spot

When just using a cursor derived from an empty selection, the cursor can show up in the wrong spot on other editors

Code-mirror example

Provide example for collaborative editing with code-mirror, as well