Froala Documentation
- Installation Guides
- Browser Support
- Languages Support
- Shortcuts
- Activation
- Examples
- Customize the Editor
- Use-cases
- Plugins
- APIs
- Development Frameworks
- Server Integrations
- Server SDKs
- Migration Guides
- Changelog
- Tutorials
- 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
