People Alchemy
How People Alchemy uses Froala's WYSIWYG Editor to provide content editing capabilities.
Read Case StudyWelcome to Froala Developer Hub
Your central resource for integrating the world's most powerful WYSIWYG editor. Find framework-specific guides, pre-configured setups, and comprehensive API documentation, all in one place.
import FroalaEditor from 'react-froala-wysiwyg';
// Initialize Editor
<FroalaEditor
tag='textarea'
config={config}
model={model}
onModelChange={handleModelChange}
/>Start with Your Framework
Choose your preferred framework below to access installation guides, configuration examples, and framework-specific best practices.
React
React SDK.
Use Froala in ReactVue
Vue.js integration.
Use Froala in VueAngular
Components for Angular.
Use Froala in AngularJavaScript
Pure JavaScript implementation.
Use Froala in JavaScriptDjango
Backend integration for Django.
Use Froala in DjangoRuby on Rails
Gem for Rails integration.
Use Froala in RubyPre-Built Configurations
Save time with ready-to-use editor configurations optimized for specific use cases. Click any config to preview the editor and copy the setup code directly into your project.
Email Editor
Perfect for email clients with HTML templates, inline styles, and clean paste.
View ConfigComment Box
Lightweight editor for comments with emoticons, mentions, and character limits.
View ConfigLMS Content Editor
Full-featured editor for Learning Management Systems with math equations, video, and tables.
View ConfigCMS Article Editor
Professional content management with image manager, SEO tools, and export options.
View ConfigDocumentation Editor
Technical documentation with markdown support, code highlighting, and table of contents.
View ConfigForum Post Editor
Community forum editor with quotes, mentions, code blocks, and emoticons.
View ConfigNote Taking
Simple and distraction-free editor for personal notes with quick insert and auto-save.
View ConfigBlog Post Editor
Rich blogging experience with media embeds, image editing, and SEO-friendly formatting.
View ConfigKnowledge Base
Help center articles with search-friendly formatting, images, and code snippets.
View ConfigTicket/Support Editor
Customer support tickets with file attachments, templates, and quick responses.
View ConfigSuccess Stories
Learn how leading companies leverage Froala Editor to power their content creation workflows.
Featured Case Study
Bizplay
How a digital signage platform gave users professional content creation tools in a familiar interface.
Read Case StudyEssential Resources
Deep-dive into Froala’s capabilities with comprehensive guides, API references, and plugin documentation.
Connect with Developers
Get support, share knowledge, and stay updated with the latest Froala developments through our active developer community.
Copy this configuration to use in your project:
