Fondue Rich Text Editor

Rich Text Editor components for the Fondue Design System, built with Plate (based on Slate.js).

Installation

``shell
npm install @frontify/fondue-rte
`

Or using pnpm:

`shell
pnpm add @frontify/fondue-rte
`

Usage

`typescript
import { RichTextEditor } from '@frontify/fondue-rte';

// Use the Rich Text Editor in your component

`

Features

- Built on Plate editor framework with extensive plugin system
- Full-featured rich text editing capabilities
- Integrated with Fondue design system tokens and components
- Comprehensive accessibility support
- TypeScript support

Development

This package is part of the Fondue monorepo. For development:

1. Install dependencies from the root:
`shell
pnpm install
`

2. Build the package:
`shell
pnpm build:rte
`

3. Run Storybook for development:
`shell
pnpm storybook
`
The RTE Storybook will be available at http://localhost:6011

4. Run tests:
`shell
cd packages/rte
pnpm test
``

Testing

This package uses Cypress for component testing.

Contributing

See Contribution Guidelines for contributing and local development help.

Related Packages

- @frontify/fondue - Main Fondue component library
- @frontify/fondue-components - New refactored Fondue components
- @frontify/fondue-tokens - Design tokens
- @frontify/fondue-icons - Icon components

Important Links

- Fondue Storybook - Component documentation
- Plate Documentation - Plate editor framework
- Slate Documentation - Slate.js core library