Skip to content
Froala Documentation

Froala Editor Demos

AI-Powered File Uploader with Filestack

Code Mirror

Codox Real-time Editing

Embed.ly Integration

Font Awesome 5 JS

TUI Advanced Image Editor

Tribute.js Integration

WProofreader Spelling and Grammar Checker

Math Type

Multilingual Translation

 

Direct OpenAI API Integration

Custom Backend with Validation + Event Hooks

Standard Endpoint with Custom Request/Response Format

 

Destroy / Init editor

Get Edited HTML

Insert HTML Button

Live Code Preview

Live Content Preview

Save / Restore Selection

 

Custom Buttons

Custom Dropdown

Custom Quick Insert Button

External Button

Subscript and Superscript

 

Drag Between Blocks

Drop Content

 

Min and Max Height

Predefined Height

 

Custom Image Button

Image Styles

Init On Image

Files Manager

 

Editor Direction

Language

RTL LTR Direction Buttons

 

Init On Link

Link Styles

Predefined Links

 

Character Counter

Export as PDF

Font Awesome

Full Screen

Line Breaker

Placeholder

Plain Paste

Quick Insert

Markdown Support

Markdown Export

Track Changes

Responsive Videos

Website builder

Word Counter

 
 
 

Document Ready

Edit in Popup

Full Featured

Full Page

Iframe

Init On Button

Init On Click

Inline Editor

Inline Editor Two Instances

Textarea Editor

 
 

Custom Color Picker

Custom Emoticons

Custom Popup

 
 

Color Themes

Font Family

Inline Classes

Inline Styles

Line Height

List Advanced Types

Paragraph Styles

 
 

Resize Table

Table Cell Styles

Table Styles

 
 

Inline Toolbar with selection

Show Selection Details

Sticky Toolbar

Toolbar Bottom

Toolbar Buttons (Example 1)

Toolbar Buttons (Example 2)

Toolbar Buttons (Example 3)

Toolbar Offset

 
 

ENTER Key

Shortcuts

TAB Key

 
 

Still Have Questions?

Here are some additional resources if you can’t find an answer you need.