collaborative-codemirror

Binding for collaborative editing support in Codemirror Editor. Connects JSON CRDT str node to Codemirror Editor.

5 个版本
codemirror codemirror-editor codemirror-editor-binding collaborative multiplayer binding collaborative-editor editor input textarea contenteditable json-crdt json crdt
主页
仓库
提交 Issue
安装
npm install collaborative-codemirror
yarn add collaborative-codemirror
pnpm add collaborative-codemirror
bun add collaborative-codemirror
README

Codemirror collaborative binding

Makes a plain Codemirror editor instance collaborative by binding it to a JSON CRDT document str node. This allows multiple users to edit the same document json-joy JSON CRDT document concurrently through the Codemirror editor.

Usage

Installation:

npm install json-joy codemirror collaborative-codemirror

Usage:

import {EditorView} from 'codemirror';
import {bind} from 'collaborative-codemirror';
import {Model, s} from 'json-joy/lib/json-crdt';

// Create a JSON CRDT model.
const model = Model.create(s.str(''));

// Create a Code Mirror editor instance.
const editor = new EditorView({parent: div});

// Connect Code Mirror editor to JSON CRDT document "str" node.
const unbind = bind(model.s.toApi(), editor);

// When done, unbind the binding.
binding.unbind();

Preview

版本列表
1.4.0 2025-05-16
1.3.0 2024-10-11
1.2.0 2024-07-24
1.1.0 2024-07-17
1.0.0 2023-12-19