tinymce - 不允许多种自定义格式 Tinymce

Question

在此网址的在线编辑器中玩耍时：https ://www.tiny.cloud/docs/demo/format-custom/很有可能应用多种自定义格式。

我会声称多种自定义格式是默认行为，但是我们要求更改它。甚至可以将 Tinymce 配置为一次只允许一种自定义格式吗？给定截图示例，假设不允许将“红色标题”与“粗体文本”结合起来？

Answer 1

这并不是 Episerver 特有的，而是关于 TinyMCE 的。

有一些人创建自定义格式按钮的示例，该按钮仅允许选择一 (1) 种格式：https ://codepen.io/thibbiuf/pen/JKBkXy?editors=1000

您可以创建自己的 TinyMCE 插件，然后将其添加到 Episerver 的编辑器中：

[ModuleDependency(typeof(TinyMceInitialization))]
public class ExtendedTinyMceInitialization : IConfigurableModule
{
    public void Initialize(InitializationEngine context)
    {
    }

    public void Uninitialize(InitializationEngine context)
    {
    }

    public void ConfigureContainer(ServiceConfigurationContext context)
    {
        context.Services.Configure<TinyMceConfiguration>(config =>
        {
            config.Default()
                .AddPlugin("custom_styleselect")
                .AppendToolbar("custom_styleselect");
        });
    }
}

添加 TinyMCE 插件有多种方法，但一种方法是在 Episerver 中加载 TinyMCE 时加载自定义脚本文件，方法是在以下位置添加类似内容module.config：

<?xml version="1.0" encoding="utf-8"?>
<module name="Your.Website" >

  <clientResources>
      <add name="epi-addon-tinymce.main" path="ClientResources/tinymce/custom_styleselect/Plugin.js" resourceType="Script" />
  </clientResources>

</module>