@frontify/fondue-rte
v0.0.1-rc.8
Published
Rich Text Editor components extracted from Fondue design system
Downloads
1,094
Readme
Fondue Rich Text Editor
Rich Text Editor components for the Fondue Design System, built with Plate (based on Slate.js).
Installation
npm install @frontify/fondue-rteOr using pnpm:
pnpm add @frontify/fondue-rteUsage
import { RichTextEditor } from '@frontify/fondue-rte';
// Use the Rich Text Editor in your component
<RichTextEditor />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:
Install dependencies from the root:
pnpm installBuild the package:
pnpm build:rteRun Storybook for development:
pnpm storybookThe RTE Storybook will be available at http://localhost:6011
Run tests:
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
