yooptae editor logo
opta :D

Meet Yoopta-Editor 🚀

Open-source rich-text-editor that really rich. Install and use it in your project. It's easy to use and easy to customize. Just chill, we are aiming resolve all your problems with rich-text-editors.

Hello there 👋

Getting started is easy

List of powerful plugins:

•@yoopta/paragraph - [default plugin]
•@yoopta/headings
•@yoopta/blockquote
•@yoopta/accordion
•@yoopta/code
•@yoopta/embed
•@yoopta/image
•@yoopta/link
•@yoopta/file
•@yoopta/callout
•@yoopta/video
•@yoopta/lists

Everything is customizable

Let's change default styles and shorcuts for Blockquote plugin

Oh, it works! I'am Blockquote with new extended styles



Powerful and optimized Media (image, video, embed, file) plugins

cloudinary




And even complex plugins like Accordion

Hello, it's me. What is time?
Time to cooking best editor
What the best football club?
Chelsea 💙



Exports content in different formats

Using package @yoopta/exports you can exports content in next formats: HTML, Markdown, text.



...and more other features...

•Easy setup
•Default list of powerful plugins
•Many typical solved problems in UX behaviour.
•Media plugins on steroids with optimization and lazy loadings
•Code plugin on steroids with themes and languages
•Each plugin can be easily customized and extensible
•Drag and drop, nested dnd is supported also
•Selection box for manipulating multiple blocks at once
•You can create your own plugin
•A list of useful tools (ActionMenu, Toolbar etc.) for the convenience of working with the editor
•Automatic lazy loading for media components (eg. embeds)
•Large documents
•Mobile friendly
•Indent and outdent for every plugin by tabs and shift+tabs
•Editor instance to programmatically control your content
•Editor events for saving to DB in real-time
•Exports in markdown, plain text, html
•Shortcuts, hotkeys. And customization for this!
•Super AI tools not for HYPE, but for real useful work with editor content - [in progress]
•The soul invested in the development of this editor 💙
•... and other features that I forgot to write about in this list 😅. Just check it in examples!

Sponsors

Your sponsorship motivates me to work and improve the project, and also helps me bring all my ideas to completion. Please consider becoming our sponsor. Thanks in advance 💙

Bring my ideas to world

Special sponsors

Plans for future. Roadmap