Skip to content

Collaboration-enabled HTML text editing elements: <input>, <textarea>, and [contenteditable]

Notifications You must be signed in to change notification settings

streamich/collaborative-input

Repository files navigation

Collaborative <input> and <textarea> elements

This package provides bindings for <input> and <textarea> elements to JSON CRDT data structures. It allows multiple users to edit the <input> and <textarea> elements simultaneously.

Usage

Installation:

npm install json-joy collaborative-input

Usage:

import {bind} from 'collaborative-input';

const str = model.api.str(['path', 'to', 'string']);
const input = document.getElementById('input');
const unbind = bind(str, input);

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

Preview

See demo.

About

Collaboration-enabled HTML text editing elements: <input>, <textarea>, and [contenteditable]

Resources

Stars

Watchers

Forks

Sponsor this project