https://github.com/streamich/collaborative-input
Collaboration-enabled HTML text editing elements: <input> and <textarea>
https://github.com/streamich/collaborative-input
Last synced: 11 months ago
JSON representation
Collaboration-enabled HTML text editing elements: <input> and <textarea>
- Host: GitHub
- URL: https://github.com/streamich/collaborative-input
- Owner: streamich
- Created: 2023-12-01T01:00:18.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-08-07T18:25:39.000Z (11 months ago)
- Last Synced: 2025-08-07T20:35:07.702Z (11 months ago)
- Language: TypeScript
- Homepage: https://streamich.github.io/collaborative-input/
- Size: 16.4 MB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# Collaborative `` and `` elements
This package provides bindings for `` and `` elements to
JSON CRDT data structures. It allows multiple users to edit the `` and
`` elements simultaneously.
## Usage
Installation:
```
npm install json-joy collaborative-input
```
Usage:
```ts
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](https://streamich.github.io/collaborative-input).