display new line character

If I have an object like {key: "line1\nline2"} when viewing the json, the new line characters dissapear

[klappy]

I have been testing this and so far this has worked swimmingly for all the use cases I’ve tested it on:

    <ReactJson
      style={{ whiteSpace: 'pre' }}
      src={json}
      theme="monokai"
    />

The only downside I see is that the long lines overflow and need scrolling as they no longer wrap.

There doesn’t need to be any modifications to the codebase or a custom theme supplied as it is just as quick and simple as adding an option if there was one added. We may ask the dev team to edit the themes to do this by default but not sure how big the need is outside of the 3 of us on this issue.

[klappy]

With some more googling, we can do that via CSS: .string-value { white-space: pre; }

https://www.w3.org/TR/CSS21/text.html#propdef-white-space via https://stackoverflow.com/questions/219219/how-to-change-a-span-to-look-like-a-pre-with-css