netlify-cms-widget-nested-json

A custom Netlify CMS widget for editing nested JSON data.

Check out a demo!

Similar standalone version here.

GIF

Here's an animation of the CMS widget, if you don't want to check out the demo link above.

Installation

As an npm package:

yarn add netlify-cms-widget-nested-json

import NestedJsonEditor from 'netlify-cms-widget-nested-json'
 
CMS.registerWidget('NestedJsonEditor', NestedJsonEditorControl, NestedJsonEditorPreview)

Via script tag:

<script src="https://unpkg.com/netlify-cms-widget-nested-json"></script>
 
<script>
  CMS.registerWidget('NestedJsonEditor', NestedJsonEditorControl, NestedJsonEditorPreview)
</script> 

Usage

Add to your Netlify CMS configuration:

    fields:
      - { name: <fieldname>, label: <fieldlabel>, widget: NestedJsonEditor }

Support

For help with this widget, open an issue or message me.