How to use line wrapping in CodeMirror 6

v6
#1

I am using CodeMirror 6, and in the CSS, I have styled the content element (.cm-content) with white-space: pre-wrap;, but it didn’t work. I tried inserting lineWrapping: true in here:

var editor = new EditorView({
    lineWrapping: true,
    state,
    parent: document.getElementById("editor")
});

But the line wrapping still didn’t work. Has anyone faced this issue, and if so, how do I fix it? What am I missing?

#2

Your style is probably being overridden by the built-in styles. Try including EditorView.lineWrapping in your set of extensions.

#3

I tried including it in my set of extensions, and it worked! Thank you so much!

#4

How can line wrapping and font-size be changed dynamically (based on the user’s preferences)?