<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>
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.
To start you need to create an element TUI - ImageEditor default.
Fill in field “Dynamic Image”.
Ready. Click “Preview Page” to check.
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 |
Upload to DB - upload the image to your bubble database.
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. |
Title | Description | Type |
---|---|---|
Image base64 | Image in base64 encoding | Text |
Uploaded thing ID | ID of the image from your database | Text |