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

Question

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

我该怎么做？

Answer 1

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

  

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

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

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

最后只有一个合理的建议（至少Vaadin高达7.4）：

使用插件：

• 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

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