如何在 Vaadin RichTextArea 中添加自定义字体和自定义字体大小
How to add custom font and custom font size in a Vaadin RichTextArea
我一直在尝试在 Vaadin RichTextArea
提供的 select 框中添加自定义字体和自定义大小。
我该怎么做?
没有 "server-side" 方法来处理这个问题(包括 Vaadin 7.4)。正如 Book of Vaadin 所述:
RichTextArea
inherits TextField
and does not add any API functionality over it. You can add new functionality by extending the client-side components VRichTextArea
and VRichTextToolbar
.
现在查看 VRichTextToolbar
的源代码,发现字体列表是通过 c'tor 中调用的私有方法构建的。所以基本上你必须自己写。然后你必须学习如何在客户端实际添加所有这些功能。
因此,实现此功能的其他技巧是:使用 CSS 隐藏工具栏中的内容(在您的情况下不可行,您可能还想添加)或使用 Javascript add/remove/manipulate东西。当然,从长远来看,这是非常脆弱的。
最后只有一个合理的建议(至少对于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
*) 评分和下载次数使其成为撰写这些行时的最佳选择。
我一直在尝试在 Vaadin RichTextArea
提供的 select 框中添加自定义字体和自定义大小。
我该怎么做?
没有 "server-side" 方法来处理这个问题(包括 Vaadin 7.4)。正如 Book of Vaadin 所述:
RichTextArea
inheritsTextField
and does not add any API functionality over it. You can add new functionality by extending the client-side componentsVRichTextArea
andVRichTextToolbar
.
现在查看 VRichTextToolbar
的源代码,发现字体列表是通过 c'tor 中调用的私有方法构建的。所以基本上你必须自己写。然后你必须学习如何在客户端实际添加所有这些功能。
因此,实现此功能的其他技巧是:使用 CSS 隐藏工具栏中的内容(在您的情况下不可行,您可能还想添加)或使用 Javascript add/remove/manipulate东西。当然,从长远来看,这是非常脆弱的。
最后只有一个合理的建议(至少对于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
*) 评分和下载次数使其成为撰写这些行时的最佳选择。