A TipTap rich text editor with a toolbar (bold, italic, headings 2 and 3, bulleted and numbered lists, quote, link, image), plus `RichText`, the renderer for the HTML it stores, with print-friendly prose styles.
pnpm add @behivetech/molecules.rich-text-editor
Published to npm.pkg.github.com
v0.1.5 · current
v0.1.4
v0.1.3
v0.1.2
Changelog
v0.1.5
Patch Changes
8fe9fb4: Import icons from their own packages (@behivetech/icons.<name>), and the shared stylesheet and types from @behivetech/icons.base, instead of @behivetech/atoms.icon, which no longer exists.
8fe9fb4: Declare "sideEffects": ["**/*.css"] so a bundler can drop the package when its exports are unused. Packages that build class names depend on @behivetech/get-class-name (a real dependency, kept external) instead of bundling their own copy of the helper, so an app loads it once.
Updated dependencies [8fe9fb4]
Updated dependencies [8fe9fb4]
Updated dependencies [8fe9fb4]
Updated dependencies [8fe9fb4]
Updated dependencies [8fe9fb4]
@behivetech/atoms.modal@0.4.3
@behivetech/icons.base@0.4.0
@behivetech/icons.bold@0.1.0
@behivetech/icons.image@0.1.0
@behivetech/icons.italic@0.1.0
@behivetech/icons.link@0.1.0
@behivetech/icons.list@0.1.0
@behivetech/icons.list-ordered@0.1.0
@behivetech/icons.quote@0.1.0
@behivetech/get-class-name@0.1.0
@behivetech/atoms.button@0.5.2
@behivetech/atoms.text-field@0.4.1
@behivetech/atoms.tooltip@0.2.6
@behivetech/forms.form-field@0.3.5
v0.1.4
Patch Changes
b12f0c9: Dependency updates: Radix UI (checkbox 1.4, dialog 1.3, dropdown-menu 2.2, select 2.4, slot 1.5, switch 1.4, toast 1.3, tooltip 1.4), react-hook-form 7.91, TipTap 3.33 and TanStack Query 5.107. No API changes. TipTap 3.33 brings prosemirror-view 1.42.6 or later, which fixes a paste XSS (GHSA-c8x8-7fp4-3x9w). In the rich-text editor, Tab at the start of a paragraph right after a list now moves that paragraph into the list (TipTap's list keymap, from 3.30) instead of moving focus out of the editor.
Updated dependencies [b12f0c9]
@behivetech/atoms.button@0.5.1
@behivetech/atoms.modal@0.4.2
@behivetech/atoms.tooltip@0.2.5
v0.1.3
Patch Changes
Updated dependencies [00e81c9]
Updated dependencies [6534e7a]
@behivetech/atoms.modal@0.4.1
@behivetech/atoms.icon@0.3.8
v0.1.2
Patch Changes
Updated dependencies [5593d1c]
Updated dependencies [0e4857f]
@behivetech/atoms.modal@0.4.0
@behivetech/atoms.icon@0.3.7
v0.1.1
Patch Changes
a950f60: New @behivetech/molecules.rich-text-editor/rich-text entry that exports only RichText. A server component can render stored HTML from it without importing the TipTap editor or its hooks.
v0.1.0
Minor Changes
5cb85ef: New package: RichTextEditor, a TipTap editor with a toolbar (bold, italic, headings 2 and 3, bulleted and numbered lists, quote, link through a dialog on Modal, image through an onInsertImage callback), and RichText, which renders the stored HTML with prose styles and print rules. onInsertImage resolves with { src, alt, width?, height? } or a plain address string. Value in and out is HTML; sanitise it on save with the allowlist in the README.
