Demo to preview the plugin:

<aside> đź’ˇ đź”— Live Demo: https://ezcodepluginsdemo.bubbleapps.io/tui_image_editor

</aside>

<aside> đź’ˇ đź”— Bubble Editor: https://bubble.io/page?&name=tui_image_editor&id=ezcodepluginsdemo

</aside>

Introduction

Multifunctional image editor. Dynamically Crop, Flip, apply Filters, Draw. Add Shapes, text, icons etc. Save it all as one png file. Full control from workflow or use predefined UI for desktop and mobile.

Widely supported in mobile and desktop browsers including IE10.

How to setup

  1. To start you need to create an element TUI - ImageEditor default.

    Untitled

  2. Fill in field “Dynamic Image”.

  3. Ready. Click “Preview Page” to check.

Plugin Element Properties

TUI - ImageEditor default

Untitled

Fields:

Title Description Type
Show default logo If checked, shows “Toast UI Image Editor” on the top left corner of the editor. Checkbox (yes/no)
Menu position Position of the toolbar menu. Available options: Left, Top, Right, Bottom. Text
Download Image Download or publish in a state in base64 format Checkbox (yes/no)
Preloaded image Image for editing by default. Image (optional)
Change default texts
Download Change text for Download button. Text
Cancel Change text for Cancel button. Text
Apply Change text for Apply button. Text
Reset Change text for Reset button. Text
Load Change text for Load button. Text
Delete All Change text for Delete All button. Text
Crop Change text for Crop button. Text
Custom icon Change text for Custom icon button. Text

Element Actions

  1. Upload to DB - upload the image to your bubble database.

    Untitled

Title Description Type
Base64 Image in base64 format, take from plugin’s state “Image base64” Text
File name Name for the file Text
Thing Your DataBase where a new object with image will be created. App Type
File field Select field that will contain the image. It should type of image or
file. Filed of Thing, represent Text, image or file
INFO: To use this action, make sure that you have enabled Data API
from your app settings.

Exposed states

Title Description Type
Image base64 Image in base64 encoding Text
Uploaded thing ID ID of the image from your database Text