How to hide toolbar options like File, View, Heading, About, Zoom, etc. in OnlyOffice using JavaScript API (in read-only mode)?

Plugins
1

I’m integrating OnlyOffice Document Editor into my web application and using the JavaScript API for configuration.

My requirement is to run the editor in read-only mode and also hide several UI components to simplify the interface. Specifically, I want to remove:

  • File
  • View
  • Heading
  • About
  • Page count
  • Word count
  • Zoom
  • Find

I’ve already set readOnly: true, which disables editing, but all these toolbar items are still visible.

What I’ve Tried:

I attempted using the editorConfig.customization.layout option like this:

editorConfig.customization.layout = {
  toolbar: {
    file: false,
    view: false,
    plugins: false
  },
  leftMenu: {
    find: false
  },
  rightMenu: {
    comments: false,
    chat: false
  },
  header: {
    user: false,
    users: false
  },
  statusBar: {
    actionStatus: false
  }
};
3

Hello @pkumari

Please note that there is no such parameter available. Full list of initialization config is available here:

As for the parameters of layout section – please note that to use these parameters you need a commercial license with White Label customization. You can find a note about it here:

If you do not want to have most of the functional items in the editor, please refer to this article: