> For the complete documentation index, see [llms.txt](https://delphinpro.gitbook.io/voyager-ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://delphinpro.gitbook.io/voyager-ru/bread/formfields/tinymce.md).

# TinyMCE

If you want to customize TinyMCE within Voyager, you can do so by adding a [additional JS file](https://github.com/delphinpro/voyager-ru-docs/tree/22dd01ba25791a4ddaf9fd7e8365f20e49468ee7/bread/formfields/additional-css-js.md) to your config.

In this file you have to define a function like

```javascript
function tinymce_init_callback(editor)
{
    //...
}
```

If you need to manipulate TinyMCE **before** it was initialized, you can use

```javascript
function tinymce_setup_callback(editor)
{
    //...
}
```

If you want to customize TinyMCE init configuration Options you can merge your custom options in BREAD details as follow:

```php
{
    "tinymceOptions" : {
        "name": "value"
    }
}
```

If you want to use tinyMCE outside it's default template `rich_text_box` you'll need initialize it with:

```javascript
tinymce.init(window.voyagerTinyMCE.getConfig());
```

For all possible variables, functions and configuration Options please refer to the [TinyMCE documentation](https://www.tinymce.com/docs/api/tinymce/tinymce.editor/).