New Froala Editor v5.0.0 is here – Learn More
Froala Documentation
- Froala Docs
- /
- Plugins
- /
- Image Tui Plugin
Image Tui Plugin
Plugins are fully functional during your trial once you've added your trial key to the setup.
Make photos beautiful in seconds with stunning filters, frames, stickers, touch-up tools and more.
Plugin options:
| imageTUIOptions Object - |
Set options for TUI editor plugin. Default: { includeUI: { initMenu: "filter", menuBarPosition: "left", theme: { "menu.activeIcon.path": "https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-b.svg", "menu.disabledIcon.path": "https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-a.svg", "menu.hoverIcon.path": "https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-c.svg", "menu.normalIcon.path": "https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-d.svg", "submenu.activeIcon.name": "icon-c", "submenu.activeIcon.path": "https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-c.svg", "submenu.normalIcon.name": "icon-d", "submenu.normalIcon.path": "https://cdn.jsdelivr.net/npm/tui-image-editor@3.2.2/dist/svg/icon-d.svg" } } |
Add Plugin to your code:
Plugin name: imageTUI
Plugin JS Script: ../js/third_party/image_tui.min.js
Or from CDN https://cdn.jsdelivr.net/npm/froala-editor@latest/js/third_party/image_tui.min.js
Plugin CSS link: ../css/third_party/image_tui.min.css
Plugin CSS link https://cdn.jsdelivr.net/npm/froala-editor@latest/css/third_party/image_tui.min.css
