Integration between Contentstack and ImageVault

Provides the following:

• A Custom field for Contentstack to select images in an ImageVault instance.
• A Custom RTE field for Contentstack to insert images from an ImageVault instance into an JSON RTE field.

Custom field

The code is in remix folder.

Custom RTE field

The code is in rte folder.

Configuration

The RTE plugin has the following configuration available. The values should be set on App Config level and overriden when needed on Plugin Config level.

• baseUrl: The base url for Contentstack, most likely https://eu-app.contentstack.com/
• formatId: The id for the format in ImageVault to use when selecting an asset in ImageVault
• imageVaultUrl: The URL to the ImageVault instance to use when selecting an asset.

Getting started

Run npm install in the root and the rte, remix folders to install all dependencies. After that you can start the project by running npm run dev in the root of the repository.

To use the local version of ImageVault inside contentstack, you need to add the Dev ImageVault Custom field as custom extension instead of the default ImageVault extension.

Possible issues

• Browsers/Browser extensions
  • ContentStack is using the extension from your locally served extension through localhost:3000. This means that some browsers or browser extensions block ContentStack from talking with localhost. Solution: Disable this functionality in your browser.