https://github.com/ejones/sharedb-codemirror

CodeMirror bindings for ShareDB
https://github.com/ejones/sharedb-codemirror

Last synced: about 2 months ago
JSON representation

CodeMirror bindings for ShareDB

• Host: GitHub
• URL: https://github.com/ejones/sharedb-codemirror
• Owner: ejones
• License: mit
• Created: 2016-04-17T20:00:38.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2020-08-08T19:41:00.000Z (almost 4 years ago)
• Last Synced: 2023-12-30T19:49:59.470Z (6 months ago)
• Language: JavaScript
• Homepage:
• Size: 46.9 KB
• Stars: 12
• Watchers: 2
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: History.md
  • License: LICENSE

Lists

• awesome-javascript - quill-sharedb-cursors

README

        
# ShareDB-CodeMirror [![Build Status](https://secure.travis-ci.org/ejones/sharedb-codemirror.png)](http://travis-ci.org/ejones/sharedb-codemirror) [![Dependencies](https://david-dm.org/ejones/sharedb-codemirror.png)](https://david-dm.org/ejones/sharedb-codemirror) [![devDependency Status](https://david-dm.org/ejones/sharedb-codemirror/dev-status.png)](https://david-dm.org/ejones/sharedb-codemirror#info=devDependencies)

CodeMirror bindings for ShareDB. Adapted from [@aslakhellesoy](https://github.com/aslakhellesoy)'s [share-codemirror](https://github.com/share/share-codemirror).

## Usage

```javascript

var CodeMirror = require('codemirror');

var ShareDBCodeMirror = require('sharedb-codemirror');

// ...

var codeMirror = CodeMirror.fromTextArea(elem);

ShareDBCodeMirror.attachDocToCodeMirror(shareDBDoc, codeMirror);

```

That's it. You now have two-way sync between ShareDB and CodeMirror. A full

example is available in [examples/](https://github.com/ejones/sharedb-codemirror/tree/master/examples).

## Install with NPM

```

npm install sharedb-codemirror

```

## Try it out

```

npm install

npm start

# in a couple of browsers...

open http://localhost:7007

```

Try clicking the infinite monkeys button. Do it in both browsers.

Wait for poetry to appear.

## Run tests

```

npm install

npm test

```

With test coverage:

```

npm run test-cover

open coverage/lcov-report/index.html

```