Back to packages
@bayonai/rich-text-editor
v0.1.2
React 19

Integration Guide

Practical integration boundaries for storage, uploads, permissions, routing, search, analytics, and AI review.

Integration checklist

  1. Install `@bayonai/rich-text-editor` in the host React app.
  2. Store `title` and sanitized `RichTextBlock[]` values as the document contract.
  3. Use `RichTextEditor` for editing and `RichTextRenderer` for preview or read-only display.
  4. Use package utilities at service boundaries: sanitize before persistence, extract plain text for search, and compute writing stats for UI.
  5. Keep file uploads, save APIs, user permissions, and route guards in the host app.

Boundaries

The package does not upload or store media.

The package does not own database persistence.

The package does not decide document permissions, pricing, routing, or publication state.

The package does not require Next.js, Firebase, or a Bayon-specific backend.