Skip to content

Tiptap Plugin (Experimental)

The @mrsf/tiptap-mrsf package brings Sidemark into Tiptap editors. It is built for interactive browser hosts that want review comments inside a rich-text editor while still keeping sidecar persistence under host control.

Status: Experimental. Help needed to harden anchor behavior, gutter parity, and overall editor integration quality.

Install

bash
npm install @mrsf/tiptap-mrsf @tiptap/core @tiptap/starter-kit

Quick Start

ts
import { Editor } from "@tiptap/core";
import StarterKit from "@tiptap/starter-kit";
import { createTiptapMrsfExtension } from "@mrsf/tiptap-mrsf";

Include the stylesheet:

ts
import "@mrsf/tiptap-mrsf/style.css";

Demo

bash
cd examples
npm install
npm run demo:tiptap

More

Released under the MIT License.