json-form-editor

JSON Form Editor extension

https://www.contentful.com is a content management platform for web applications, mobile apps and connected devices. It allows you to create, edit & manage content in the cloud and publish it anywhere via powerful API. Contentful offers tools for managing editorial teams and enabling cooperation between organizations.

This extension provides a JSON form editor based on the JSON Editor) library. You can use this extension with 'Object' field types.

The extension generates a form based on a JSON Schema defined in json-form-editor.js. The generated form allows you to create JSON objects that are valid against that schema.

Getting started with local development

Check you have the requirements needed to use our extensions and have the extensions SDK installed.

Install the dependencies needed with npm install.

Create the extension on Contentful:

contentful-extension create --space-id <space-id>

Serve on http://localhost:3000 using Gulp, automatically watching and reserving any changes:

gulp watch

The same constraints apply to loading unsafe scripts.

Using the extension in production

To minimize all dependencies and upload the extension to Contentful:

gulp bundle
contentful-extension update --srcdoc ./dist/index.min.html --force --space-id <space-id>

TODOs

• Make JSON Schema configurable as a field appearance option.
• Add advanced form editor styling to json-editor-contentful-theme.js.
• Trigger auto-save while typing, not just after leaving an input field.