将字体大小选项添加到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

等 这意味着您可以在编辑器中选择字体大小x选项。它将被保存为班级为custom-font-size-x的跨度。

保存时它已经可以使用了。但是，您需要使用样式才能使其可见。 我已经设置了tinymce编辑器的替代，所以我为每个类添加了样式，例如：

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

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