open-forms icon indicating copy to clipboard operation
open-forms copied to clipboard

Use the Monaco Editor for the JSON Edit component

Open Viicos opened this issue 11 months ago • 1 comments

The admin currently uses a basic editor for JSON content. Using the Monaco Editor will greatly improve dealing with JSON (folding, auto-closing brackets/quotes, etc).

There are two implementations of the editor in React:

https://github.com/suren-atoyan/monaco-react https://github.com/react-monaco-editor/react-monaco-editor

The second one requires some webpack plugin, and I couldn't make it work. The first one does seem to work fine, so it should be used.

Viicos avatar Mar 25 '24 08:03 Viicos