Rich-text editor
Tiptap in the kit skin: full toolbar for articles and drip steps, minimal for ticket replies, image upload with progress, the link popover, and a failed upload that keeps the text.
Covers: M16. Exports: RichText.
Anatomy
The component as it sits in the product: English, compact, real data shapes.
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
States
7 states, left to right, top to bottom. A mock poll never finishes, so each state is drawn on purpose.
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Write the article…
Density
The phone shell is always comfortable (POWERUPS #15): 44px tap targets, 16px inputs. Compact exists on desktop only; see the desktop page.
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
English · 中文
Staff pick en or cn (T001 Q25). Labels arrive localised; CJK falls back to PingFang SC / Noto Sans SC.
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Long string · permission denied
The long-string case (PL-063) and what a role without the permission sees (the server decides; T003).
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Customer-supplied note copied from WeChat: https://journal.rjmtm.com/articles/lining-care-after-the-first-dry-clean-for-bemberg-cupro-and-viscose-blends-2026-edition
Lining care after the first dry clean
Steam the lining from the inside at low heat. Never press the bemberg lining directly.
- Hang on a shaped hanger
- Brush with the nap
Contract
The @rj/admin-kit API for this family. Mirrored in CONTRACT.md.
- Export
RichText·@rj/admin-kit- Props
value(HTML) ·toolbarfull|minimal ·onImageUpload·maxBytes- States
- empty · focus · link · uploading · error · read-only
- shadcn / Radix
- Popover (link) + Toggle (toolbar)
- Package underneath
- @tiptap/react + starter-kit + extension-link / image / placeholder (MIT only)
- Accessibility
- toolbar is role=toolbar with arrow-key focus; ⌘B / ⌘I / ⌘K
- API operations
- admin.articles.store / .update / .upload-image · admin.drip-sequences.steps.store
- Phone variant
- minimal toolbar