HomeDev GuideAPI Reference
Dev GuideAPI ReferenceUser GuideGitHubNuGetDev CommunityDoc feedbackLog In
GitHubNuGetDev CommunityDoc feedback


Optimizely Content Management System (CMS) comes with a preconfigured TinyMCE editor that renders all XHTML properties by default.



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

The `DefaultValues.EpiserverPlugins` constant defines the default Optimizely plugins:



Note

The epi-dnd-processor is a required plugin to drag and drop Optimizely content.

The `DefaultValues.TinyMcePlugins` constant defines the default TinyMCE plugins:



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



"

### Overriding the defaults

To override the default settings, use `ServiceCollection` extension.

The `TinyMceSettings` class provides helper methods for setting the most common settings within TinyMCE, which map to the configuration settings documented on [TinyMCE's website](🔗).

However, you can configure settings that do not have a helper method by using the `AddSetting` or `RawSettings` methods.



When overriding the defaults, you should call the `AddEpiserverSupport` method to get the basic Optimizely plugins and styling configured.



`AddTinyMceConfiguration` should be added to the _Startup.cs_ like:



## Related blog posts

  • [Add a character map to TinyMCE](🔗)

  • [Change the delay between subsequent saves in Optimizely TinyMCE](🔗)

  • [Customize TinyMCE at runtime in CMS 11](🔗)

  • [Configure default toolbar buttons in TinyMCE 4 for Optimizely](🔗)