c# - 为 Episerver、Episerver 11、tinyMCE 2.5.0 的 tinyMCE 上的 Styleselect 添加字体菜单
问题描述
我尝试在 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)
解决方案
将选择器设置为 * 应该可以工作。像这样:
new { title = "Garant", selector = "*", styles = new { fontFamily = "Garant" } }
推荐阅读
- android - 在 Room 中,如何在 POJO 中指定父实体关系?
- javascript - 增加高度图分辨率以在 THREE.js 中可视化为表面
- java - 如何在 JavaFX 中包装文本
- sql - 如何将单独列中冒号前后的单词拆分为sql中的行
- amazon-web-services - AWS 是先发制人的(用于 HTTP 结果回调)吗?
- c# - Xamarin:尝试使用带有 html 和 javascript 的 OpenLayers 地图显示 WebView 时出错
- c - 在不取消引用的情况下使用带有指针的索引
- python - 如何编写字符串算法
- tensorflow - 将模型转换为 Coral Dev Board 的 tf lite
- python - 查找一行及其索引,然后使用索引删除该行