https://github.com/udecode/plate

The rich-text editor for React.
https://github.com/udecode/plate

contenteditable javascript react rich-text-editor slate slate-plugins typescript wysiwyg wysiwyg-editor

Last synced: about 2 months ago
JSON representation

The rich-text editor for React.

• Host: GitHub
• URL: https://github.com/udecode/plate
• Owner: udecode
• License: other
• Created: 2019-12-02T01:40:10.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2024-04-12T09:32:08.000Z (5 months ago)
• Last Synced: 2024-04-14T11:19:34.457Z (5 months ago)
• Topics: contenteditable, javascript, react, rich-text-editor, slate, slate-plugins, typescript, wysiwyg, wysiwyg-editor
• Language: TypeScript
• Homepage: https://platejs.org
• Size: 144 MB
• Stars: 7,664
• Watchers: 39
• Forks: 559
• Open Issues: 92
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-shadcn-ui - plate - The rich-text editor for React. (Libs and Components)

README

        


Plate







  

  

  

  

  















  



![hero](apps/www/public/og.png)

[//]: # '  '

[//]: # 'Welcome to Plate, a rich-text editor framework designed for simplicity and efficiency. Plate consists of four main parts:'

[//]: #

[//]: # "1. **Core**: This is the heart of Plate. It's a special plugin system just for `slate-react`. We've made sure everything is neat and tidy, so it's easier for you to develop your project."

[//]: # '2. **Plugins**: We give you a big selection of plugin packages. They help make editor behaviors, hooks, serialization, and normalization better, among other things.'

[//]: # '3. **Primitives**: Besides the headless plugins, we also provide primitive hooks and components built on top of [Radix UI](https://www.radix-ui.com/). These are **unstyled** and accessible parts for making great design systems.'

[//]: # '4. **Components**: We know a good-looking start is important. So, we give you components created with Plate CLI and [shadcn/ui](https://ui.shadcn.com/). Use these as a starting point to create your own component library.'

## Templates

You can choose one of the following templates to get started:

| Option                                                                            | NextJS | Tailwind | Plate | Plugins |

| --------------------------------------------------------------------------------- | ------ | -------- | ----- | ------- |

| [Plate playground template](https://github.com/udecode/plate-playground-template) | ✅     | ✅       | ✅    | ✅      |

| [Plate minimal template](https://github.com/udecode/plate-template)               | ✅     | ✅       | ✅    |         |

| [NextJS template](https://platejs.org/docs/components/installation/next)          | ✅     | ✅       |       |         |

## Documentation

You can learn more about Plate by checking out our [documentation](https://platejs.org/docs).

## Contributing

To get started, check out our [contributing guide](CONTRIBUTING.md).

### Contributors

We'd love for you to join us! Whether it's through giving us a 🌟 star, making a 📥 pull request, or **sharing your plugins**, your help is always appreciated.

[![Star History Chart](https://api.star-history.com/svg?repos=udecode/plate&type=Date)](https://star-history.com/#udecode/plate&Date)

Need more help? Join us on [Discord](https://discord.gg/mAZRuBzGM3). We're always here to guide you.