JSON Form Editor

Integrates the JSON Editor into the TYPO3 Backend.

The extension adds a new renderType “jsonForm” for TCA text columns.

Backend form with JSON Editor element

Installation

  1. Install via composer

    composer require blueways/bw-jsoneditor

  2. Done

    That’s it, no configuration needed. Just make sure the extension is enabled and start adjusting your TCA.

Usage

You can set or override any TCA column:

$GLOBALS['TCA']['tt_content']['columns']['bodytext']['config']['renderType'] = 'jsonForm';

Configuration

You can configure the JSON Editor with the offical API by adding the settings to the options array:

$GLOBALS['TCA']['tt_content']['columns']['bodytext']['config']['options'] = [
   'mode' => 'tree'
];

Note

The new option “height” controls the height of the editor when initialized.

Help & Contribution

This extension was made by Maik Schneider from blueways. Use the issue tracker for bugs and feature requests. If you have any questions, you can hit me up at the TYPO3 Slack.

Feel free to contribute!