Side by side JSON diff with the npm jsoneditor package

Question

I'm looking for something like this:

using the jsoneditor npm package.

I haven't managed to find any side-by-side compare or "diff" mode in the API.

Does anyone know if this is already supported in the package?

Or of another package they'd recommend which provides the side-by-side diff?

Otherwise it looks like I'll have to run the json through a separate diff package and based on the output use the underlying ACE editor's highlight API to emulate the jsoneditoronline diff functionality.

Any recommendations on the above points would be greatly appreciated.

Answer 1

Based on this comment - https://www.github.com/josdejong/jsoneditor/issues/1178 it requires a custom implementation.

This link might be a good start: https://github.com/josdejong/jsoneditor/blob/develop/examples/20_custom_css_style_for_nodes.html