Launching existing projects in the full editor

This guide will demonstrate how to load a specific Adobe Express project in a full editor component.

edit()

The edit method lets you continue editing existing Express projects in the editor.

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

EditDesignParams

edit() takes an object of parameters, EditDesignParams, composed of:

When a user completes their workflow in the editor, the associated projectId is sent back in publishParams from the onPublish callback. The edit() method lets you use that identifier to revisit ongoing designs in the full editor.

Example

The edit API takes a saved projectId as input and launches an existing project in the editor. When the user finishes in the editor and saves/publishes their design, the onPublish callback is invoked. Resulting project data is sent in publishParams. In this example, we save the project info (project_id) and display the image data (of the first page of the user's design) in some image container image_data.

Copy
const project_id = "your_project_id" // saved from publishParams callback

let docConfig = {
    documentId: project_id
};
let appConfig = {
    selectedCategory: "media"
}
editor.edit(docConfig, appConfig);
Copied to your clipboard
const project_id = "your_project_id" // saved from publishParams callback

let docConfig = {
    documentId: project_id
};
let appConfig = {
    selectedCategory: "media"
}
editor.edit(docConfig, appConfig);

Last updated 3/12/2024

Was this helpful?

Yes

No