将 PostNitro 的 Carousel Maker 嵌入到您的应用中

1
const editor = createEditor({
2
    apiKey: "your-api-key",
3
});

1
const editor = createEditor({
2
    apiKey,
3
    defaultHeadshot: {
4
        name: 'PostNitro.ai
5
        logo: 'https://postnitro.ai/embed/embed-loader.svg',
6
        handle: 'Create Carousels in seconds',
7
    }
8
});
9
 
10
Note: This will be used as the headshot for the new users who don't have a headshot set.

1
editor?.createDesign((data: ExportData) => {
2
    console.log(data);
3
    // You can perform additional operations with the data, such as saving or displaying the carousel
4
});

1
editor?.editDesign('your-carousel-id', (data: ExportData) => {
2
    console.log(data);
3
    // You can perform additional operations with the data, such as updating the existing carousel
4
});

1
interface ExportData {
2
    id: string; // Unique identifier for the carousel
3
    name: string; // Name of the carousel
4
    size: string; // Size of the carousel in aspect ratio (e.g., "16:9")
5
    pdf: Blob; // PDF file of the carousel
6
    images: Blob[]; // Array of image files for the carousel
7
}