---
title: "tinymce.editor.ui.Ui"
description: "This editor ui instance."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/apis/tinymce.editor.ui.ui/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/apis/tinymce.editor.ui.ui/index.md"
version: "latest"
last_updated: "2024-05-08T05:46:05Z"
tokens: 741
---
# tinymce.editor.ui.Ui

This editor ui instance.

## Summary

### Properties

| Name | Type | Summary | Defined by |
| --- | --- | --- | --- |
| registry | `Registry` | Editor UI registry instance. | `Ui` |
| styleSheetLoader | `StyleSheetLoader` | Editor UI stylesheet loader instance. StyleSheetLoader for styles in the editor UI. For content styles, use editor.dom.styleSheetLoader. | `Ui` |

### Methods

| Name | Summary | Defined by |
| --- | --- | --- |
| [tinymce.editor.ui.hide()](#tinymce.editor.ui.hide) | Hides the editor user interface for inline editors. This method affects all user interface elements, including: menu bar, toolbar, notifications, and dialogs. <br>If the `toolbar_persist` option is set to `true` and this method is used, the user interface will remain hidden, regardless of focus. | `Ui` |
| [tinymce.editor.ui.isEnabled()](#tinymce.editor.ui.isEnabled) | Determines if the editor user interface is `enabled` (`true`) or `disabled` (`false`). | `Ui` |
| [tinymce.editor.ui.setEnabled()](#tinymce.editor.ui.setEnabled) | Sets the state of editor user interface as `enabled` (`true`) or `disabled` (`false`). This method affects all user interface elements, including: menu bar, toolbar, notifications, and dialogs. Can not be set to 'true' when in readonly mode. | `Ui` |
| [tinymce.editor.ui.show()](#tinymce.editor.ui.show) | Reveals the editor user interface for inline editors. This method affects all user interface elements, including: menu bar, toolbar, notifications, and dialogs. <br>If the `toolbar_persist` option is set to `true` and this method is used, the user interface will remain visible, regardless of focus. | `Ui` |

## Methods

### tinymce.editor.ui.hide()

```javascript
tinymce.editor.ui.hide()
```
Hides the editor user interface for inline editors. This method affects all user
interface elements, including: menu bar, toolbar, notifications, and dialogs.

If the `toolbar_persist` option is set to `true` and this method is used,
the user interface will remain hidden, regardless of focus.

### tinymce.editor.ui.isEnabled()

```javascript
tinymce.editor.ui.isEnabled(): Boolean
```
Determines if the editor user interface is `enabled` (`true`) or `disabled` (`false`).

#### Return value

- `Boolean` - true/false if the editor user interface is enabled (`true`) or disabled (`false`).

### tinymce.editor.ui.setEnabled()

```javascript
tinymce.editor.ui.setEnabled(state: Boolean)
```
Sets the state of editor user interface as `enabled` (`true`) or `disabled` (`false`).
This method affects all user interface elements, including: menu bar,
toolbar, notifications, and dialogs. Can not be set to 'true' when in readonly mode.

#### Parameters

- `state (Boolean)` - The state in which to set the user interface.

### tinymce.editor.ui.show()

```javascript
tinymce.editor.ui.show()
```
Reveals the editor user interface for inline editors. This method affects all user
interface elements, including: menu bar, toolbar, notifications, and dialogs.

If the `toolbar_persist` option is set to `true` and this method is used,
the user interface will remain visible, regardless of focus.