如何在 Vaadin RichTextArea 中添加自定义字体和自定义字体大小

Question

我一直在尝试在 Vaadin 的 RichTextArea 提供的选择框中添加自定义字体和自定义大小。

我该怎么做？

Answer 1

没有“服务器端”的方式来处理这个问题（直到包括 Vaadin 7.4）。正如Book of Vaadin 所说：

RichTextArea 继承 TextField 并且不会在其上添加任何 API 功能。您可以通过扩展客户端组件VRichTextArea 和VRichTextToolbar 添加新功能。

现在看看VRichTextToolbar 的来源，看看字体列表是由c'tor 中调用的私有方法构建的。所以基本上你必须自己写。然后您必须学习如何在客户端实际添加所有这些功能。

因此，使这项工作发挥作用的其他技巧是：使用 CSS 从工具栏中隐藏东西（在您的情况下不可行，您可能还想添加）或使用 Javascript 来添加/删除/操作东西。当然，从长远来看，这是非常脆弱的。

最后只有一个合理的建议（至少对于 7.4 及以下的 Vaadin）：

使用插件：

• CKEdit *) https://vaadin.com/directory#addon/ckeditor-wrapper-for-vaadin:vaadin

• CKEdit https://vaadin.com/directory#addon/ckeditor-connector:vaadin

• TinyMCE（仅限 Vaadin6）https://vaadin.com/directory#addon/vaadin-wrapper-for-tinymce:vaadin

*) 评分和下载次数使其成为撰写这些行时的最佳选择。