# ez-rich-text



<!-- Auto Generated Below -->


## Properties

| Property         | Attribute          | Description                                                                                        | Type                  | Default     |
| ---------------- | ------------------ | -------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
| `canShowError`   | `can-show-error`   | Se false deixa de exibir a mensagem de erro dentro do campo.                                       | `boolean`             | `true`      |
| `enabled`        | `enabled`          | Se false o usuário não pode interagir com o campo.                                                 | `boolean`             | `true`      |
| `errorMessage`   | `error-message`    | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.                  | `string`              | `undefined` |
| `label`          | `label`            | Texto a ser apresentado como título do campo.                                                      | `string`              | `undefined` |
| `mode`           | `mode`             | Define o tamanho do campo.                                                                         | `"regular" \| "slim"` | `"regular"` |
| `rows`           | `rows`             | Define o número de linhas.                                                                         | `number`              | `6`         |
| `showConfigs`    | `show-configs`     | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas                | `boolean`             | `true`      |
| `showPreview`    | `show-preview`     | Informa se as opções a opção de pré-visualização deve ser apresentada.                             | `boolean`             | `true`      |
| `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean`             | `true`      |
| `showUndoRedo`   | `show-undo-redo`   | Informa se as opções de desfazer e refazer devem ser habilitadas.                                  | `boolean`             | `true`      |
| `value`          | `value`            | Define o valor HTML do campo.                                                                      | `string`              | `undefined` |


## Events

| Event      | Description                                            | Type                  |
| ---------- | ------------------------------------------------------ | --------------------- |
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>` |


## Methods

### `isInvalid() => Promise<boolean>`

Retorna se o conteúdo é inválido.

#### Returns

Type: `Promise<boolean>`

---

### `setBlur() => Promise<void>`

Remove o foco do campo.

#### Returns

Type: `Promise<void>`

---

### `setFocus() => Promise<void>`

Aplica o foco no campo.

#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [ez-form-view](../ez-form-view)

### Depends on

- [ez-text-area](../ez-text-area)
- [ez-rich-toolbar](ez-rich-toolbar)
- [ez-link-builder](ez-link-builder)
- [ez-simple-image-uploader](ez-simple-image-uploader)

### Graph
```mermaid
graph TD;
  ez-rich-text --> ez-text-area
  ez-rich-text --> ez-rich-toolbar
  ez-rich-text --> ez-link-builder
  ez-rich-text --> ez-simple-image-uploader
  ez-text-area --> ez-tooltip
  ez-text-area --> ez-icon
  ez-rich-toolbar --> ez-rich-toolbar-arrows
  ez-rich-toolbar --> ez-rich-toolbar-letters
  ez-rich-toolbar --> ez-rich-toolbar-configs
  ez-rich-toolbar-arrows --> ez-rich-toolbar-item
  ez-rich-toolbar-item --> ez-icon
  ez-rich-toolbar-letters --> ez-rich-toolbar-item
  ez-rich-toolbar-configs --> ez-rich-toolbar-item
  ez-link-builder --> ez-popup
  ez-link-builder --> ez-modal-container
  ez-link-builder --> ez-text-input
  ez-link-builder --> ez-check
  ez-popup --> ez-button
  ez-button --> ez-icon
  ez-modal-container --> ez-icon
  ez-modal-container --> ez-button
  ez-text-input --> ez-tooltip
  ez-text-input --> ez-icon
  ez-simple-image-uploader --> ez-popup
  ez-simple-image-uploader --> ez-modal-container
  ez-simple-image-uploader --> ez-tooltip
  ez-simple-image-uploader --> ez-text-input
  ez-simple-image-uploader --> ez-icon
  ez-form-view --> ez-rich-text
  style ez-rich-text fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-rich-text--box-shadow | Define a sombra do header. | 
| --ez-rich-text--shadow--outline | Define o outline usado como borda do header. |