How to set readOnly mode and use lineNumbers in Merge View?

v6
1

my code:

// ...
const initCoderView = (doc: string) => {
    return EditorState.create({
      doc: doc || '',
      extensions: [
        EditorView.editable.of(false), 
        EditorState.readOnly.of(true),  // not working
        lineNumbers(),
        basicSetup
      ],
    });
  };
// ...
const modifiedState = initCoderView(modifiedCode);
const originalState = initCoderView(originalCode);

const editor = new MergeView({
    a: modifiedState,
    b: originalState,
    parent: ref.current,
    highlightChanges: true,
});
//...

image
image1968×312 9.22 KB

But it can be edited and lineNumbers do not displayed

2

The a and b options to MergeView don’t take a state instance. They take the type of object that you pass to EditorState.create.

3

Thanks a million, problem solved.