Plugins
>
WYSIWYG editor

WYSIWYG editor

Technical
Media
Containers
Blog
Data (things)
Visual Elements
WYSIWYG editor - logo

Plugin details

Customizable WYSIWYG HTML editor with advanced features and flexible toolbar options.

Overview & Key Features

Advanced WYSIWYG HTML editor - the plugin is based on the SunEditor (WYSIWYG web editor). The Advanced WYSIWYG HTML editor is a lightweight, flexible, customizable WYSIWYG text editor for your web applications.


Key features:
- Configurable toolbar with option to add/remove controls. 37+ toolbar buttons. The ability to model the toolbar (buttons) as you need.
- Option to change the order of the controls in the toolbar.
- Option to conditionally show hide toolbar.
- Support for inline styles: Bold, Italic, Underline, StrikeThrough, Code, Subscript, Superscript.
- Support for block types: Paragraph, H1 - H6, Blockquote, Code.
- Support for setting font-size and font-family and option to add custom types.
- Support for ordered / unordered lists and indenting.
- Support for text-alignment.
- Support for coloring text or background and option to add your own color values.
- Support for adding / editing links
- Support for adding / uploading images.
- Support for aligning images, setting height, width.
- Support for Embedded links, flexibility to set height and width.
- Option of undo and redo.
- Configurable behavior for RTL and Spellcheck.
- Support for placeholder.
- Support for internationalization. 20 interface languages: ar, ckb, da, de, en, es, fr, he, it, ja, ko, lv, nl, pl, pt_br, ro, ru, se, ua, zh_cn.
- Light and dark themes.
- 4 mode of the editor ('classic', 'inline', 'balloon', 'balloon-always').
- Pasting from Microsoft Word and Excel.
- Custom table selection, merge and split.
- Media embed, images upload (Possibility to insert images, video and audio.).
- Can use  KaTeX (math plugin).
- A large number of element actions (run in workflows): Set, Get, Show Editor, Hide Editor, Disable Editor, Enable Editor, Append contents to Editor, getText, Show Toolbar, Hide Toolbar, Disable Toolbar, Enable Toolbar, readOnly
- Browser Support:
Chrome, Firefox, Opera, Safari, Edge, Internet Explorer -11+
- And.. many other features :)

Installation

1

Install the plugin. Place the "WYSIWYG editor" from elements to wherever part you need.

2

That's it. You can refer to the content as that "WYSIWYG editor" editor's content.

Need help adjusting your new application?

Support

And if you have any questions, reach out to us at  support@mindforapps.com
$35 ONE TIME OR $7/MO

BUY NOW | $35 ONE TIME OR $7/MO

Check it Live

Ready to start your own Project?

More plugins

Start Your Project

What stage are you on?
Exploring
I know the problem I'm solving — I need help building the solution.
Project Brief
You have a brief — we'll turn it into a Bubble build plan.
Full Requirements
Requirements defined — we'll handle UX/UI and Bubble development.
Full Designs
Designs handed off — we will help you bring it to life.