Image Editor Options

The built-in Image Editor includes a rich set of features to ensure a seamless and intuitive image editing experience.

That said, you may want to hide certain features from your users - whether to simplify their workflow or to offer a more focused editing experience. The imageEditorOptions configuration lets you control exactly which parts of the Image Editor are visible.

Configuration

Add the imageEditorOptions object to your TOPOL_OPTIONS configuration and list any features you want to hide in the hideControls array:

imageEditorOptions: {
  hideControls: [
    "text",     // Hides the text editing section
    "elements", // Hides the Elements section
    "pexels",   // Hides the Pexels stock photo integration
    "upload",   // Hides the image upload section
  ],
},

Showing All Features

To show all features, either remove the imageEditorOptions object from your TOPOL_OPTIONS entirely, or set the hideControls array to empty:

imageEditorOptions: {
  hideControls: [],
},