Customize the configuration of CodeMirror in text mode

[topliceanu]

Hi 👋
I'm looking for something similar to the solution in this issue josdejong/jsoneditor#1082
Thanks!

[josdejong]

Thanks, that is a good suggestion. It would be helpful if you can adjust configuration of the CodeMirror editor (used for text mode) yourself.

I think we should introduce a callback onCreateCodeMirror, which allows you to adjust configuration of the created code mirror instance, and allows you to simply return a different instance if that is handier.

onCreateCodeMirror: (codeMirrorView: EditorView) => EditorView | undefined

It would be good to also create an example in the /src/routes/examples section demonstrating how to change some of the configuration, like line wrapping. Anyone able to help implementing this callback? Help would be welcome.

As for your actual case: the extension doing the text wrapping is located here:

svelte-jsoneditor/src/lib/components/modes/textmode/TextMode.svelte

Line 492 in af6f5f2

EditorView.lineWrapping

[josdejong]

Moving this idea to the Discussions > Ideas section since we are not actively working on it. Help implementing this would be very welcome.