Image to Clipboard
Jannat
Last Update één jaar geleden
Description:
The Image to Clipboard plugin enables users to copy images to the clipboard using either an Element ID or a direct Image URL. Since the Clipboard API only supports PNG, all copied images are automatically converted to PNG, regardless of their original format (JPG, JPEG, GIF, WEBP, etc.).
For SVG support, the plugin includes a dedicated SVG Clipboard element, which provides separate copy and paste actions specifically for SVG images.
✨ Key Features
📋 Copy Images via Element ID – Select and copy images from any element containing an <img> tag.
🔗 Copy Images via URL – Fetch and copy images directly from a provided URL.
🔄 Automatic PNG Conversion – Due to Clipboard API limitations, all copied images are converted to PNG.
❌ SVG Not Supported in Standard Actions – Use the SVG Clipboard element for dedicated SVG copy & paste functionality.
🖼️ Supports Multiple Formats – Works with JPG, JPEG, GIF, WEBP before converting to PNG.
🎨 SVG Clipboard Element – Allows copy & paste actions exclusively for SVG images.
🚀 Optimized for Performance – Fast processing with smooth clipboard operations.
For SVG support, the plugin includes a dedicated SVG Clipboard element, which provides separate copy and paste actions specifically for SVG images.
✨ Key Features
📋 Copy Images via Element ID – Select and copy images from any element containing an <img> tag.
🔗 Copy Images via URL – Fetch and copy images directly from a provided URL.
🔄 Automatic PNG Conversion – Due to Clipboard API limitations, all copied images are converted to PNG.
❌ SVG Not Supported in Standard Actions – Use the SVG Clipboard element for dedicated SVG copy & paste functionality.
🖼️ Supports Multiple Formats – Works with JPG, JPEG, GIF, WEBP before converting to PNG.
🎨 SVG Clipboard Element – Allows copy & paste actions exclusively for SVG images.
🚀 Optimized for Performance – Fast processing with smooth clipboard operations.
Instructions:
1️⃣ Add the "Image to Clipboard" element to your Bubble page.2️⃣ Choose an action method – either copy by Element ID or copy by Image URL.
3️⃣ For Element ID: Provide the ID of the container holding the <img> tag. The plugin will locate and copy the image inside it.
4️⃣ For Image URL: Enter a direct image URL, and the plugin will fetch and copy the image.
5️⃣ All copied images are converted to PNG – regardless of their original format (JPG, JPEG, GIF, WEBP, etc.).
6️⃣ Use the copied image anywhere – paste it into image editors, messaging apps, or any clipboard-supported destination.
7️⃣ SVG images are not supported in standard actions due to clipboard API limitations.
8️⃣ For SVG support, use the "SVG Clipboard" element, which provides two actions:
- Copy SVG – Stores the raw SVG data to the clipboard.
- Paste SVG – Retrieves and displays the copied SVG.
9️⃣ Enhance your app's workflow by using copied images in forms, documents, or real-time image-sharing features.