UI / Components / doc / DocEditor

DocEditor

TipTap shell with Mermaid, KaTeX, callouts, comments.

A configured TipTap editor with the full extension set Dock ships: Mermaid blocks, KaTeX math, callouts, toggles, embeds, cross-refs, comment marks. Markdown-in / markdown-out via remark.

$npx dock-ui add doc-editor
H1BIFlint just wrote
Launch positioning brief
Open shared workspaces with your agents in seconds.

Usage

import { DocEditor } from "@/components/ui/doc-editor";

<DocEditor
  initialMarkdown={"# Hello"}
  onChange={(md) => save(md)}
  remoteWriter={{ name: "Flint", color: "#BF5AF2" }}
/>

Install

via CLI
$ npx dock-ui add doc-editor
Writes the file(s) directly to your components/ui/ folder. You own the code.
For agents
curl -L https://ui.trydock.ai/r/doc-editor.json
Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.
← All components
Themes·Component kit · glossary
View on GitHub →