Example with full setup of Yoopta-Editor
This example shows you full setup with all features of Yoopta-Editor
- Our life is what our thoughts make it (c) Marcus Aurelius
Features
•Default list of powerful plugins
•Easy setup!
•Many typical solved problems in UX behavior.
•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 with 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
•A completely rewritten architecture to increase perfomance
•Mobile friendly
•Indent and outdent for every plugin by tabs and shift+tabs
•Get editor instance to programmatically control your content
•Commands API for every plugin
•Editor events for saving to DB in real-time
•Exports in markdown, plain text, html
•Redo/undo changes - [not stable, in progress]
•Shortcuts, hotkeys. And customization for this!
Operation | Hotkey |
|---|---|
Insert row after | shift+enter |
Insert row before | cmd+shift+enter |
Delete row | cmd+shift+delete |
Insert column to right | cmd+shift+→ |
Insert column to left | cmd+shift+← |
Delete column | cmd+alt+delete |
Toggle header for first row | cmd+shift+H |
Toggle header for first column | cmd+shift+V |
•Everything is customizable for custom renders
•The soul invested in the development of this editor 💙
•... and other features that I forgot to write about in this list 😅. Just check it!
Roadmap
•Develop other powerful plugins
•Super AI tools not for HYPE, but for real useful work with editor content
•Simplify API for creating plugins
•Collabrative mode
•Plugin system
•Optimizations for media components (srcSet for image and sources for video)
•Rethink approach for just rendering to increase SEO perfomance
•Continue improving the project. We are listening to you and your requests 💙
Do you like it? Please star our repo in Github
ALT
Any bugs or did we miss something? Just create issue in repo!
ALT
FAQs
Is Yoopta-Editor free?
Yes! Just install and relax, it's under MIT license
Can I create custom plugins?
Yes, yes, and yes again. You will be able to create a custom plugin of any complexity
What about AI?
1. We have plans to create AI text input for creating your custom plugins
2. AI tools for helping you with your content
3. AI tool which can help translate content
4. ...and other super useful tools 😉
We need collaborative! Any news?
Already in progress 😎
How I can support project?
What is best football club?
Chelsea FC 💙