Use a Widget to View Entry JSON in the Contentstack SaaS Headless CMS

This blog post explains how you can use a widget to view the JSON representation of an entry in the Contentstack SaaS headless CMS user interface.

Update 23.Apr.2021: Contentstack Developer Custom Widget – Deliverystack.net

You can create a widget based on the JSON custom field to view the JSON representation of entries in the Contentstack UI.

1. In a stack, click the gear, and then select Extensions.
2. Click Add Extension, and then click JSON Editor.
3. Copy the Extension source code to a new text file.
4. Comment one line and replace one line as follows:

//extensionField.window.updateHeight(220);
//var value = extensionField.field.getData() || {};
var value = extension.entry._data;

Create a new widget using the modified source code.

Unfortunately, you can edit the JSON, but (without a small amount of additional effort to trigger the API call) you cannot use it to update the entry.

For a little more information about widgets and custom field types, see:

• Read-Only Custom Field for Contentstack SaaS Headless CMS – Deliverystack.net
• https://github.com/contentstack/ui-extensions-sdk