Content editors

The editors share aq-ui tokens and contracts while keeping distinct canonical formats. Code is never executed, Markdown HTML stays sanitized, and rich text persists structured JSON.

bash

aq-ui add code-editor --languages typescript,tsx,json,yamlaq-ui add code-editor --languages typescript,tsx,json,yaml

Language loaders are lazy and registry-granular, so the command writes and installs only the selected production modules. Use --languages all for the complete built-in set.

Explore all content families

Code Editor

CodeMirror 6, lazy JavaScript/TypeScript/JSX/TSX/JSON/HTML/CSS/Markdown/YAML/SQL, compartments, diagnostics, search, folding, and no execution path.

Markdown Editor

Canonical CommonMark/GFM source, write/preview/split modes, responsive toolbar, upload adapter, deferred preview, and sanitized rendering.

Rich Text Editor

Canonical Tiptap JSON with production formatting, lists, tables, images, attachments, mentions, slash commands, uploads, an SSR-safe static renderer, and server JSON/HTML conversion.

Code Block

SSR-compatible static syntax highlighting with copy, filenames, line numbers, highlighted lines, wrapping, and diff markers.

Markdown Renderer

SSR-compatible CommonMark and GFM rendering with sanitized HTML, safe links, heading IDs, and fenced code through Code Block.

Static code

example.ts

const greeting: string = "Hello aq-ui"
console.log(greeting)1const greeting: string = "Hello aq-ui"2console.log(greeting)

Sanitized GFM

Preview

GFM tasks
Safe links

Format	Canonical
Markdown	string
Rich text	JSON