How to make components not editable in preview mode?

I am trying to make components not editable in the preview mode. The following code isn't working. Please help me to fix it.

editor;
ngOnInit(){
this.editor = this.initializeEditor();
this.editor.on('load', () => this.editor.runCommand('preview'));
this.editor.on('run:preview', () => {
      this.editor.Panels.getPanels().reset([
      //some code
])
this.whenRunPreview(this.editor,'text');
this.whenRunPreview(this.editor,'image'); 
.....
} 

whenRunPreview(editor, compType) {
    editor.on('run:preview', () => {
      editor.DomComponents.getWrapper().onAll(
        (comp) => comp.is(compType) && comp.set({ editable: false })
      );
    });