Revise.js

Revise is a JavaScript library for creating contenteditable-based rich-text editors in the browser. It provides a low-level, web-component based API for translating the DOM into string documents. The library also ships with a compact data structure for representing edits to strings. Revise is intended to be framework-agnostic, though currently it is only being tested with Crank.

Status

At present, this library is in an early beta. It is recommended for developers who aren’t afraid of stepping through DOM code in a debugger.

Usage

TKTKTKT

API

ContentAreaElement

A custom element class with an API similar to that of the JavaScript API for the <textarea> element. This class provides special properties and methods for reading the current value of the element’s contents and manipulating its selection.

• value

• selectionStart

• selectionEnd

• selectionDirection

• setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: SelectionDirection): void;

• indexAt(node: Node | null, offset: number): number

• `nodeOffsetAt(index: number): [Node | null, number]

• source(name: string): boolean

• ContentEvent

Edit

• operations(): Array<Operation>

• apply(text: string): string

• compose(that: Edit): Edit

• invert(): Edit

• normalize(): Edit

• hasChangesBetween(start: number, end: number): boolean

• Edit.createBuilder(value: string): EditBuilder

• Edit.diff(text1: string, text2: string, hint?: number): Edit

EditBuilder

EditHistory

Keyer