gkjohnson / collaborative-code-editor

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

Editor Example

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!

About

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


Languages

Language:HTML 90.1%Language:JavaScript 9.9%