Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork0
streamich/collaborative-monaco
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Makes a plain Monaco editor instance collaborative by binding it to a JSON CRDTdocumentstr node. This allows multiple users to edit the same documentjson-joy JSON CRDT document concurrently through the Monaco editor.
Installation:
npm install json-joy monaco-editor collaborative-monacoUsage:
import{bind}from'collaborative-monaco';import*asmonacofrom'monaco-editor';import{Model}from'json-joy/lib/json-crdt';constmodel=Model.create(s.str('hello'));consteditor=monaco.editor.create(div,{value:'hello world',});constunbind=bind(model.s.toApi(),editor);// When done, unbind the binding.binding.unbind();
Installation:
npm install json-joy monaco-editor collaborative-monaco @monaco-editor/react react react-domUsage:
import{Model,s}from'json-joy/lib/json-crdt';import{CollaborativeMonaco}from'collaborative-monaco/lib/CollaborativeMonaco';constmodel=Model.create(s.str('hello'));constMyComponent=()=>{return<CollaborativeMonacostr={model.s.toApi()}/>};
- Seedemo.
About
Collaborative editing support for Monaco editor. Binds JSON CRDT "str" node to a Monaco editor instance.
Resources
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Sponsor this project
Uh oh!
There was an error while loading.Please reload this page.
Packages0
No packages published
Contributors2
Uh oh!
There was an error while loading.Please reload this page.