🧩 Snippets Management

Snippets are pre-designed content blocks that you can add or drag & drop into your content.

When you add a content block by clicking the (+) icon , you can also select the MORE button to open the snippets dialog.

Snippet files are located in the folder:

assets/minimalist-blocks/

This folder contains:

• content.js – The file containing the available snippets
• content.css – Styles used by the snippets
• images/ – Image assets used in the snippets

Configuring Snippet Paths

If you host your assets remotely (e.g., on a CDN), you can configure the paths during initialization:

const builder = new ContentBox({
    /* options */

    snippetUrl: 'https://path.to/assets/minimalist-blocks/content.js',  // Full URL to snippet file
    snippetPath: 'https://path.to/assets/minimalist-blocks/',  // Base path for images and resources
    snippetPathReplace: [
        'assets/minimalist-blocks/images/',
        'https://path.to/assets/minimalist-blocks/images/' 
    ] // Replace local image paths with remote URLs
});

These options ensure that all relative paths inside the snippets (especially image URLs) resolve correctly when hosted externally.

Customizing Snippets

You can add or edit snippets by modifying the content.js file. It contains the list of available snippets in JSON format.

Please refer to the ContentBuilder.js documentation, specifically the “Customizing Snippets” section:

https://github.com/innovastudio-dev/contentbuilder