---
title: TinyMCE default settings
slug: cms-13/docs/tinymce-default-settings
docTags: 
createdAt: 2026-07-30T20:22:06.571Z
---

Optimizely Content Management System (CMS) 13 has a preconfigured TinyMCE editor that renders XHTML properties by default.

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/236esG-qixGCFHFhorsl6_a3a2f3dfd2137e64c9b30dc97a592aba5a22166f2bf1fd9f0f25592b5405f3ef-screenshot-2026-04-13-230154.png)

The default configuration for TinyMCE uses the constants defined on the `EPiServer.Cms.TinyMce.Core.DefaultValues` class. See [Plug-ins](docId\:jJcfkbqCzKEKvXuDoYp3M).

The `DefaultValues.EpiserverPlugins` constant defines the default Optimizely plug-ins:

```csharp
"epi-block-tools epi-link epi-create-block epi-dnd-processor epi-personalized-content epi-image-editor epi-paste"
```

:::hint{type="info"}
**Note**
The `epi-dnd-processor` plug-in is required for dragging and dropping Optimizely content.
:::

The `DefaultValues.TinyMcePlugins` constant defines the default TinyMCE plug-ins:

```csharp
"help image fullscreen lists searchreplace anchor"
```

The `DefaultValues.Toolbar` constant defines the default toolbar configuration:

```csharp
"blocks bold italic align numlist bullist outdent indent epi-link anchor image epi-image-editor epi-create-block epi-personalized-content code"
```

### Override the defaults

Override the default TinyMCE configuration to customize toolbar buttons, plugins, and editor behavior for your content types.

To override the default settings, use the `TinyMceConfiguration` setting.

The `TinyMceSettings` class provides helper methods for common TinyMCE settings. These methods map to the configuration settings documented on the [TinyMCE website](https://www.tinymce.com/docs/configure/).

Configure settings that do not have a helper method by using the `AddSetting` or `RawSettings` methods.

```csharp
  services.Configure<TinyMceConfiguration>(config => {
      config.Default()
        .AddSetting("directionality", "rtl");
    });
```

To override the default toolbar, use the following configuration:

```csharp
   services.Configure<TinyMceConfiguration>(config => {
      config.Default()
        .Toolbar(
        "bold italic | epi-link image | numlist bullist",   // row 1
        "align | outdent indent | anchor help"   // row 2
    );
    });
```

To add a plugin, call `AddPlugin` to load it. If the plugin exposes a toolbar button, call `AppendToolbar` to add that button to the toolbar.

```csharp
public class Startup {
  private readonly IWebHostEnvironment _webHostingEnvironment;
  private readonly IConfiguration _configuration;

  public Startup(IWebHostEnvironment webHostingEnvironment, IConfiguration configuration) {
    _webHostingEnvironment = webHostingEnvironment;
    _configuration = configuration;
  }

  public void ConfigureServices(IServiceCollection services) {
    services.AddTinyMceConfiguration();
  }
}
```