Skip to content

    Image Tui Plugin

    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/[email protected]/dist/svg/icon-b.svg",
    "menu.disabledIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-a.svg",
    "menu.hoverIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-c.svg",
    "menu.normalIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-d.svg",
    "submenu.activeIcon.name": "icon-c", "submenu.activeIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-c.svg",
    "submenu.normalIcon.name": "icon-d", "submenu.normalIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/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


    Example:

    ● TUI Advanced Image Editor
    File: 15704