Froala Features

Align text and paragraphs with left, center, right, or justify alignment options.

alignment justify center left right text align paragraph align justify text center text left align right align text position positioning orientation flush left flush right centering indentation layout text flow horizontal align text placement justification

Apply text and background colors with an intuitive color picker.

color background text color highlight picker color picker background color font color text highlight highlighter coloring paint hex color rgb palette shade tint hue saturation foreground color swatch color selection text shading fill color opacity custom color

Insert emoticons and emoji to add personality to your content.

emoji emoticon smiley icon emojis smileys emoticons faces reactions unicode emoji stickers pictographs facial expressions moods graphics symbols expressive icons glyphs avatar

Choose from a wide selection of fonts to customize your text style.

font typeface typography font family font type text font change font font style fonts font face text appearance lettering style font selection serif sans-serif script typography design

Adjust text size with precise font size controls.

size font size text size large small text scale font scale bigger smaller resize text text height font height typography size text dimension scaling points px readability zoom text enlarge

Apply custom CSS classes to selected text for advanced styling.

class css class style inline class custom class apply class css styling html class span style text classifier custom attribute style tag semantic style element class add class formatting class

Apply predefined CSS styles to selected text with one click.

style css formatting inline style custom style css style apply style custom css direct styling manual format text decoration css attribute visual override local style style attribute

Adjust spacing between lines for improved readability and formatting.

line height spacing leading line spacing vertical spacing space between lines text spacing paragraph spacing text density vertical rhythm readability spacing line distance text gap row height

Insert and edit hyperlinks with customizable attributes and styling.

link hyperlink url anchor insert link add link create link web link external link href clickable redirection web address path pointer connection reference

Insert lists with advanced types such as lower greek or upper roman.

list bullet numbered ordered unordered bullet list numbered list ol ul bulleted bullets numbering list items checklist points enumeration steps series outline itemization todo list

Format paragraphs with headings, blockquotes, and code blocks.

heading paragraph blockquote format h1 h2 h3 header headers paragraph format text format block format code block pre text structure block style typography hierarchy title subtitle section header text block

Apply custom CSS styles to paragraphs for unique formatting.

paragraph style block style custom paragraph paragraph formatting block styling box style container style text box formatting custom block layout style div style wrapper style

Increase or decrease quote indentation levels for nested quotations.

quote blockquote citation quotation quoted text cite block quote excerpt testimonial reference text indentation quote saying speech pull quote

Insert symbols, mathematical operators, and international characters easily.

special characters symbols unicode copyright trademark special chars character map insert symbol omega special symbols © ™ ® currency math symbols glyphs foreign characters accents punctuation arrows shapes

Filestack

Powerful cloud-based file uploads with image transformation and CDN delivery.

upload file upload image upload cloud storage facebook instagram google drive dropbox cloud storage cdn cloud upload social upload import from cloud files remote upload external upload third party upload asset picker remote files content delivery cloud import media fetch social import drive integration

Embeds any content from the web in the editor.

embed url youtube twitter social media rich media embed content embed url video embed social embed media embed iframe oembed preview link preview rich snippet content card integration third party content url expansion media card social integration smart embed

Upload and insert files into your content with drag-and-drop support.

file upload attachment document pdf file upload attach file upload file file attachment attach attachments documents upload document resource binary data file downloadable linked file insert file media attachment file embedding

Browse and manage uploaded files stored on your server.

file manager browse files media library file browser manage files file gallery uploaded files file management browse uploads server files directory folder view asset library file explorer server browser media organizer file list storage view

Insert Font Awesome icons directly into your content.

icon font awesome symbol icons fa icon font icon web icon vector icon icon font glyph scalable vector ui icons symbolic font icon library graphics interface icons svg icons

Upload, resize, and manipulate images with advanced editing tools.

image picture photo upload image resize crop img insert image add image image upload pic photograph graphics resize image crop image image editor edit image image manipulation visual artwork snapshot figure illustration embedding

Browse and manage uploaded images stored on your server.

image manager gallery media library browse images image gallery image library photo gallery image browser manage images uploaded images photo organizer media storage visual assets server images album grid view thumbnail view select image

Embed and manage videos from YouTube, Vimeo, and other sources.

video youtube vimeo embed video insert video video embed video player media movie clip video upload streaming film motion picture mp4 webm multimedia play visual content

Adds ability to drag content like images and videos.

drag drop move reorder drag and drop draggable rearrange drag content move content reposition dnd sort sortable shift grab handle movable elements interactive move layout adjustment slide organize shuffle

Using the line_breaker plugin it is possible to insert a new paragraph between HTML elements where the cursor cannot be placed.

line break paragraph separator break line new line line separator insert line paragraph break soft return divider spacing carriage return split line vertical space text break horizontal rule

Quickly add images, tables, and media with a convenient popup menu.

quick insert add insert quick add fast insert easy insert insert menu plus button shortcut menu context menu smart insert floating menu action menu add block rapid insert helper menu

Create and edit tables with advanced formatting and styling options.

table grid rows columns cells insert table create table data table spreadsheet tabular table editor matrix data grid structured data row column cell merge table layout chart data

Display the number of characters at the bottom bar of the editor and limit character input.

character count limit length word count char limit character limit counting character counter text length max characters counter input size text metrics capacity remaining characters usage tracker input limit validation length check character tracking

Search and replace text throughout your document with ease.

find replace search substitute find and replace search and replace find text replace text search replace text search text replace batch edit global replace query text modification swap text lookup pattern match search tool replace all

Expand the editor to fullscreen for distraction-free editing.

fullscreen maximize expand full screen maximized distraction free focus mode zen mode fullscreen mode whole screen wide view canvas maximize enlarge view focus view expanded mode presentation mode

Access keyboard shortcuts and helpful editing tips.

help keyboard shortcuts shortcuts hotkeys help menu documentation tips assistance guide manual instructions support key bindings usage guide tutorial command list cheat sheet reference

Save editor content directly to your server with a single click.

save submit store save content submit content save changes persist update record commit send data keep store data upload changes sync

Check spelling and grammar with real-time error detection and corrections.

spell spelling grammar spellcheck spell check grammar check proofread spelling check typo typos spelling error correction auto correct language check proofing tool text review red underline error detection writing aid

Track, review, and accept or reject document changes like in Word.

track changes revision history review track edits change tracking document review edit tracking revision history changes audit trail version control diff suggestions collaborative review markup view editor log change log

Display real-time word and character count while editing.

word count character count count word counter counter count words word limit character counter text stats statistics volume writing metrics text analysis length check content size data metrics

Paste content from Microsoft Word with clean HTML formatting.

paste word microsoft word clean paste paste from word word paste copy paste paste content paste text import from word strip formatting clean html office paste format remover plain text paste clipboard cleanup word cleanup

Advanced image editing inside the editor — annotate, filter, resize, rotate, and watermark images with Filerobot.

Beautifies the code inside the code view mode.

format beautify indent html code formatting pretty print code format beautifier format code clean code organize code code cleanup syntax formatting indentation fixer source cleanup html tidy structure code readability prettifier auto format style fixer

Switch between visual and HTML code view to edit raw HTML markup.

html source code markup raw source code html view code editor view source edit html raw html html editor developer mode markup editor tag view inspect element coding mode text editor backend view source editing syntax view raw text

Converts special characters to HTML entities.

html entities special characters escape encode html encode character encoding entity encoding escape html sanitize html safe string escape text cleaning reserved characters markup encoding security xss prevention input sanitization

Write and edit content using Markdown syntax with live preview.

markdown md markup markdown syntax markdown editor markdown mode md format markdown formatting lightweight markup text-to-html plain text format commonmark gfm writing mode simplified formatting

Automatically convert typed URLs into clickable links.

url auto link automatic auto url automatic link link conversion url detection web address recognizer hyperlink detector text to link magic link address formatting path detection

Insert and display code snippets with syntax highlighting for multiple programming languages.

code snippet code block programming syntax code snippet source code code highlighting syntax highlighting code editor programming code developer coding javascript python java html css php code display formatted code code insert pre code monospace technical documentation dev docs api docs code example code sample snippet insert language syntax

AI writing and editing tools inside the editor — generate content, adjust tone, and translate in one click.

Enhanced code editing with syntax highlighting using CodeMirror.

code mirror syntax highlighting code editor codemirror code coloring syntax coloring code view advanced code ide script editor programming view textmate source highlighter developer editor line numbers code folding bracket matching

Real-time collaborative editing with co-cursors and presence.

collaboration real-time co-editing multiplayer collaborative co-authoring real time editing live editing shared editing team editing simultaneous editing sync google docs style cursors remote collaboration group edit live sync presence

Advanced image editing features including filters, cropping, and drawing.

image editor advanced editing filters crop draw image manipulation photo editor edit photo image filters crop image drawing advanced image tui editor photo effects masking rotation flip brightness contrast canvas editor annotate image

Native ES6 @mention implementation.

mention at mention @mention autocomplete mentions tag user tag people @ user mention auto complete referencing tagging user lookup context menu suggestions name completion handle

Professional proofreading tool for spelling and grammar.

spell checker proofreading grammar web spell checker spell check grammar check advanced spell proofread server side spell check language correction dictionary thesaurus writing assistant text validation proofing

Type and edit complex mathematical equations and chemical formulas.

math equation formula mathtype chemistry mathematical equations formulas math editor latex chemical formula science stem calculus algebra scientific notation math symbols equation builder scientific editor

Translate content directly within the editor.

translate translation language multilingual translator multi language localization i18n internationalization locale globalization language switcher l10n native text dialect ui language text direction