为 Episerver、Episerver 11、tinyMCE 2.5.0 的 tinyMCE 上的 Styleselect 添加字体菜单答案

【问题标题】：Add font menu to Styleselect on tinyMCE for Episerver, Episerver 11, tinyMCE 2.5.0为 Episerver、Episerver 11、tinyMCE 2.5.0 的 tinyMCE 上的 Styleselect 添加字体菜单
【发布时间】：2019-04-04 10:00:51
【问题描述】：

我尝试在 episerver 的 tinyMCE 中添加一个用于选择不同字体的菜单。它适用于具有以下代码的 p 标签，但我希望能够为所有标签（p、h1、h2 等）选择字体。

var styleItemsFonts = new object[]
            {
                new { title = "Garant", selector = "p", styles = new { fontFamily = "Garant" } },
                new { title = "Clarendon Cn", selector = "p", styles = new { fontFamily = "Clarendon Cn" } },
                new { title = "Grand Hotel", selector = "p", styles = new { fontFamily = "Grand Hotel" } },
                new { title = "Gotham Bold", selector = "p", styles = new { fontFamily = "Gotham Bold" } }
            };

            var styleFormats = ( new { title = "Font", items = styleItemsFonts });

            config.Default()
                .AddPlugin(plugins)
                .Toolbar(toolbar1, toolbar2)
                .AddSetting("paste_as_text", true)
                .StyleFormats(styleFormats.Item1);

如果我删除 'selector = "p"' 我会收到以下控制台错误：

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
at Object.isValidChild (tinymce.min.js:2)
at Object.isValid (tinymce.min.js:2)
at Array.u (tinymce.min.js:2)
at Rt (tinymce.min.js:2)
at tinymce.min.js:2
at Bv (tinymce.min.js:2)
at a (tinymce.min.js:2)
at Object.oy [as applyFormat] (tinymce.min.js:2)
at gy (tinymce.min.js:2)
at Object.toggle (tinymce.min.js:2)

【问题讨论】：

标签： c# tinymce episerver

【解决方案1】：

将选择器设置为 * 应该可以。像这样：

new { title = "Garant", selector = "*", styles = new { fontFamily = "Garant" } }

【讨论】：