Behive Tech Component Registry

Rich Text Editor

v0.1.3Draft

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.3 · current
  • v0.1.2

Changelog

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.

Patch Changes

  • Updated dependencies [b356876]
  • Updated dependencies [408d5a9]
  • Updated dependencies [5cb85ef]
  • Updated dependencies [cef5a60]
    • @behivetech/atoms.button@0.5.0
    • @behivetech/atoms.icon@0.3.6
    • @behivetech/atoms.modal@0.3.0