TinyMCE

The ImageVault Episerver connector ships with a TinyMCE plugin. The default Episerver TinyMCE toolbar is, by default, extended with two ImageVault buttons; one for inserting and one for editing existing ImageVault media.

Customizing the default toolbar

If you want to customize the TinyMCE toolbar you can follow the Episerver documentation for overriding the defaults. The toolbar keys to use for ImageVault is imagevault-insert-media and imagevault-edit-media.

Note

To make sure that your custom settings are not overriden by ImageVault, make sure it has a ModuleDependency to ImageVaultTinyMceModule.*

Example TinyMCE configuration class that only shows the two ImageVault buttons:

[ModuleDependency(typeof(ImageVaultTinyMceModule))]
[ModuleDependency(typeof(TinyMceInitialization))]
public class CustomTinyToolbar : IConfigurableModule
{
    private readonly string[] _tinyToolbar = {"imagevault-insert-media imagevault-edit-media"};
    public void Initialize(InitializationEngine context) {
    }

    public void Uninitialize(InitializationEngine context) {
    }

    public void ConfigureContainer(ServiceConfigurationContext context) {
        context.Services.Configure<TinyMceConfiguration>(config => { config.Default().Toolbar(_tinyToolbar); });
    }
}