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+
- The ability to add a "pageBreak" to force content to be split into pages.
- Create a PDF document from the content.
- 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.
Demo:
For detailed connection and demo information, visit the plugin demo page at
https://plugin-preview-4.bubbleapps.io/version-test/wysiwyg_editorThere you can go to the editor (OPEN EDITOR).
Plugin Page:
https://mindforapps.com/plugin_details/wysiwyg-editorNeed help adjusting your new application?
Contact Jay at
[email protected]Support
And if you have any questions, reach out to us at
[email protected]We appreciate your reviews and suggestions.