为 TinyMCE 编辑器添加字体大小选项

Question

向 Plone 4 的 TinyMCE 编辑器添加字体大小选项的最简单方法是什么？

出于某种原因，客户有此请求。

在站点设置 - TinyMCE 可视化编辑器 - 工具栏中我看不到与此功能相关的任何选项。

在我的申请中是这样的：

Answer 1

在/portal_tinymce/@@tinymce-controlpanel-Styles中添加定义：

Font size 8|span|custom-font-size-8
Font size 9|span|custom-font-size-9
Font size 10|span|custom-font-size-10

等这意味着您可以在编辑器中 select 字体大小 x 选项。这将被保存为 class custom-font-size-x.

的跨度

当您保存它时，它已经可以使用了。但是你需要样式来使它可见。我已经设置了对 tinymce 编辑器的覆盖，所以我为每个 class 添加了样式，例如：

.custom-font-size-10 {
  font-size: 10px !important;
}

在 content.css.dtml 文件中。还要在您的主题中添加此 css 以在视图模式下查看效果。

Add font sizes options to TinyMCE editor