How to prevent or block editing?

[sibstark]

Hello! I would like to ask if there are any ways to prevent or block editing area?
I want to allow to edit only after user pushes the "Edit" button.

[kepta]

You can create a new Prosemirror plugin and use editable prop to enable or disable the editing of your editor:

function editingAllowedPlugin() {
    return new Plugin({
      props: {
        editable(state) {
      
          return isEditingAllowed(state) ; // your logic for enabling or disabling 
        },
      },
    });

[sibstark]

Thank you!