PHPackages                             blueways/bw-jsoneditor - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Parsing & Serialization](/categories/parsing)
4. /
5. blueways/bw-jsoneditor

ActiveTypo3-cms-extension[Parsing & Serialization](/categories/parsing)

blueways/bw-jsoneditor
======================

Adds a JSON Form Editor type to the TYPO3 Backend. Edit JSON data with code formatting, syntax highlighting, auto repair and more.

2.1.1(2mo ago)269.0k↓48.2%1[1 issues](https://github.com/maikschneider/bw_jsoneditor/issues)2GPL-2.0-or-laterPHPCI passing

Since Apr 30Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/maikschneider/bw_jsoneditor)[ Packagist](https://packagist.org/packages/blueways/bw-jsoneditor)[ RSS](/packages/blueways-bw-jsoneditor/feed)WikiDiscussions main Synced yesterday

READMEChangelog (4)Dependencies (63)Versions (17)Used By (2)

[![Extension icon](Resources/Public/Icons/Extension.svg)](Resources/Public/Icons/Extension.svg)

TYPO3 extension `bw_jsoneditor`
===============================

[](#typo3-extension-bw_jsoneditor)

[![Latest version](https://camo.githubusercontent.com/6284111a9c5749f8ba2501e7763885c210a2523ce989579068c13049261bf3d1/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f62775f6a736f6e656469746f722f76657273696f6e2f736869656c64732e737667)](https://camo.githubusercontent.com/6284111a9c5749f8ba2501e7763885c210a2523ce989579068c13049261bf3d1/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f62775f6a736f6e656469746f722f76657273696f6e2f736869656c64732e737667)[![Supported TYPO3 versions](https://camo.githubusercontent.com/ef180b2658ea73570abe08817e14590f356a613816ad4b31f21f162633b7bba7/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f62775f6a736f6e656469746f722f7479706f332f736869656c64732e737667)](https://extensions.typo3.org/extension/bw_jsoneditor)[![Total downloads](https://camo.githubusercontent.com/91cf2b025a46d30c76ff2c2938a509626e2bd48306aeeae4304f85b1daa2b64c/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f62775f6a736f6e656469746f722f646f776e6c6f6164732f736869656c64732e737667)](https://camo.githubusercontent.com/91cf2b025a46d30c76ff2c2938a509626e2bd48306aeeae4304f85b1daa2b64c/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f62775f6a736f6e656469746f722f646f776e6c6f6164732f736869656c64732e737667)[![Composer](https://camo.githubusercontent.com/64c0a281007a1e19a04e45346782abae352ab4662223870211bd9daae565296c/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f62775f6a736f6e656469746f722f636f6d706f7365722f736869656c64732e737667)](https://packagist.org/packages/blueways/bw-jsoneditor)[![codecov](https://camo.githubusercontent.com/6fdfadb64a6088d43a66d1e817436437ccc854ba7c16bc53b8ec8301975df1bd/68747470733a2f2f636f6465636f762e696f2f67682f6d61696b7363686e65696465722f62775f6a736f6e656469746f722f6272616e63682f6d61696e2f67726170682f62616467652e7376673f746f6b656e3d4d5736354e4c43515933)](https://codecov.io/gh/maikschneider/bw_jsoneditor)

Integrates the [svelte-jsoneditor](https://github.com/josdejong/jsoneditor) into the TYPO3 Backend.

[![Screenshot](Documentation/Images/Screenshot.png)](Documentation/Images/Screenshot.png)

Installation
------------

[](#installation)

### Composer

[](#composer)

```
composer require blueways/bw-jsoneditor
```

### TER

[](#ter)

[![TER version](https://camo.githubusercontent.com/6284111a9c5749f8ba2501e7763885c210a2523ce989579068c13049261bf3d1/68747470733a2f2f7479706f332d6261646765732e6465762f62616467652f62775f6a736f6e656469746f722f76657273696f6e2f736869656c64732e737667)](https://extensions.typo3.org/extension/bw_jsoneditor)

Download the zip file from [TYPO3 extension repository (TER)](https://extensions.typo3.org/extension/bw_jsoneditor).

Usage
-----

[](#usage)

The extension adds a new [custom input](https://docs.typo3.org/m/typo3/reference-tca/main/en-us/ColumnsConfig/Type/User/Index.html) with renderType `jsonEditor`. You can use the new type in TCA or Content Blocks.

### TCA

[](#tca)

When adding a new field to your TCA, use the type `user` and the renderType `jsonEditor`:

```
ExtensionManagementUtility::addTCAcolumns('my_table', [
    'new_field' => [
        'label' => 'My JSON Field',
        'config' => [
            'type' => 'user',
            'renderType' => 'jsonEditor',
        ],
    ],
]);
```

Make sure the database column of your field is large enough:

```
-- ext_tables.sql

CREATE TABLE my_table (
    new_field text
);
```

### Content Blocks

[](#content-blocks)

You can use the new renderType in Content Blocks by adding the following configuration:

```
fields:
    -   identifier: new_field
        label: 'My JSON Field'
        type: Textarea
        renderType: jsonEditor
```

Configuration
-------------

[](#configuration)

You can configure the JSON Editor with the [offical API](https://github.com/josdejong/svelte-jsoneditor?tab=readme-ov-file#api) by adding the settings to the options array:

```
$GLOBALS['TCA']['my_table']['columns']['my_field']['config']['options'] = [
    'mode' => 'tree'
];
```

The new option `height` controls the maximum height of the editor, it defaults to `auto`. Setting a value in pixels will set a fixed height to the editor.

License
-------

[](#license)

This project is licensed under [GNU General Public License 2.0 (or later)](LICENSE.md).

###  Health Score

52

—

FairBetter than 96% of packages

Maintenance75

Regular maintenance activity

Popularity34

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity68

Established project with proven stability

 Bus Factor1

Top contributor holds 97.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~282 days

Recently: every ~318 days

Total

10

Last Release

80d ago

Major Versions

v1.1.0 → v13.x-dev2024-10-28

### Community

Maintainers

![](https://www.gravatar.com/avatar/04b105eb2ade5d364c2ae93a9a012d591594eaa3ad54d252db70856d1c293d5d?d=identicon)[m.schneider](/maintainers/m.schneider)

---

Top Contributors

[![maikschneider](https://avatars.githubusercontent.com/u/696865?v=4)](https://github.com/maikschneider "maikschneider (85 commits)")[![konradmichalik](https://avatars.githubusercontent.com/u/4558190?v=4)](https://github.com/konradmichalik "konradmichalik (2 commits)")

---

Tags

typo3typo3-cms-extensionjsontypo3

###  Code Quality

TestsCodeception

Code StylePHP CS Fixer

### Embed Badge

![Health badge](/badges/blueways-bw-jsoneditor/health.svg)

```
[![Health](https://phpackages.com/badges/blueways-bw-jsoneditor/health.svg)](https://phpackages.com/packages/blueways-bw-jsoneditor)
```

###  Alternatives

[friendsoftypo3/headless

This extension provides way to output content from TYPO3 in JSON format.

176325.9k19](/packages/friendsoftypo3-headless)[wazum/sluggi

TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects

40529.5k](/packages/wazum-sluggi)[friendsoftypo3/headless_news

This extension provides integration with news to output content from TYPO3 in JSON format.

1158.4k](/packages/friendsoftypo3-headless-news)[pagemachine/typo3-formlog

Form log for TYPO3

23238.6k8](/packages/pagemachine-typo3-formlog)[friendsoftypo3/pwa_manifest

This extension provides Web App Manifest configuration.

1821.4k](/packages/friendsoftypo3-pwa-manifest)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)