Quick actions

Quick actions gives your users access to powerful, one-click image and video editing tools. Try them for yourself in our demo app.

Adobe-powered quick actions take the most complex tasks from our flagship apps -- like remove background -- and turns them into one-click tasks. The quick actions component is embedded onto your application as an iframe.

The quickAction class contains all the methods for launching quick action editors.

Copy
// Initialize the SDK first
const { quickAction } = await ccEverywhere.initialize(); 
quickAction.convertToJPEG(docConfig, appConfig, exportConfig, containerConfig); 
Copied to your clipboard
// Initialize the SDK first
const { quickAction } = await ccEverywhere.initialize(); 
quickAction.convertToJPEG(docConfig, appConfig, exportConfig, containerConfig); 

Each quick action has its own method. Here are the methods for image quick actions:

• convertToJPEG(docConfig, appConfig, exportConfig, containerConfig): void;
• convertToPNG(docConfig, appConfig, exportConfig, containerConfig): void;
• convertToSVG(docConfig, appConfig, exportConfig, containerConfig): void;
• cropImage(docConfig, appConfig, exportConfig, containerConfig): void;
• resizeImage(docConfig, appConfig, exportConfig, containerConfig): void;
• removeBackground(docConfig, appConfig, exportConfig, containerConfig): void;
• generateQRCode(docConfig, appConfig, exportConfig, containerConfig): void;

Here are the methods for video quick actions:

• convertToGIF(docConfig, appConfig, exportConfig, containerConfig): void;
• convertToMP4(docConfig, appConfig, exportConfig, containerConfig): void;
• cropVideo(docConfig, appConfig, exportConfig, containerConfig): void;
• mergeVideos(docConfig, appConfig, exportConfig, containerConfig): void;
• resizeVideo(docConfig, appConfig, exportConfig, containerConfig): void;
• trimVideo(docConfig, appConfig, exportConfig, containerConfig): void;
• animateFromAudio(docConfig, appConfig, exportConfig, containerConfig): void;
• captionVideo(docConfig, appConfig, exportConfig, containerConfig): void;

Parameters

All the properties are optional.

Example: Default export options

When no asset is passed as an input when a quick action is invoked, the user will be asked to browse/upload an image once the modal is open. Default export options will be surfaced to the user.

Copy
quickAction.cropImage();
Copied to your clipboard
quickAction.cropImage();

Example: Input asset, custom export options

The quickAction APIs can take an image asset and custom export options as input.

Copy
let docConfig = {
    asset: {
        data: base64Asset,
        dataType: 'base64',
        type: 'image' 
    }
}

const exportOptions = [{
    id: 'edit-in-express',
    label: 'Edit in Adobe Express',
    action: {
        target: 'express',
    },
    style: {
        uiType: 'button'
    }
},
{
    id: 'download',
    label: 'Download',
    action: {
        target: 'download'
    },
    style: {
        uiType: 'button'
    }
},
{
    id: 'save-modified-asset',
    label: 'Save image',
    action: {
        target: 'publish'
    },
    style: {
        uiType: 'button'
    }
}];

quickAction.removeBackground(docConfig, exportOptions);
Copied to your clipboard
let docConfig = {
    asset: {
        data: base64Asset,
        dataType: 'base64',
        type: 'image' 
    }
}

const exportOptions = [{
    id: 'edit-in-express',
    label: 'Edit in Adobe Express',
    action: {
        target: 'express',
    },
    style: {
        uiType: 'button'
    }
},
{
    id: 'download',
    label: 'Download',
    action: {
        target: 'download'
    },
    style: {
        uiType: 'button'
    }
},
{
    id: 'save-modified-asset',
    label: 'Save image',
    action: {
        target: 'publish'
    },
    style: {
        uiType: 'button'
    }
}];

quickAction.removeBackground(docConfig, exportOptions);

Last updated 3/12/2024

Was this helpful?

Yes

No