textarea中的大胆角色

时间:2014-03-11 16:33:33

标签: vaadin vaadin7

我有一个textArea,其中显示了在文件加载期间发生的一些错误。 现在我想以这种方式自定义我的文本区域:

enter image description here

我想以粗体显示一些字符,我看到Label同意这一点,但是我也能用textarea做这个吗?

3 个答案:

答案 0 :(得分:4)

我使用RichTextArea whitout顶部和底部工具栏解决了

.no-toolbar-top .gwt-RichTextToolbar-top{ 
display: none;
}

.no-toolbar-bottom .gwt-RichTextToolbar-bottom{ 
display: none;
}

然后我在组件中添加了这些样式:

RichTextArea myArea = new RichTextArea();
myArea.addStyleName("no-toolbar-top");
myArea.addStyleName("no-toolbar-bottom");
myArea.setValue("<p><small> Error <b> Row 1 Col 2 </b> error description </small></p>");

答案 1 :(得分:2)

要执行此操作,您必须使用RichTextArea组件或创建自己的小部件。

顺便说一下:您可以隐藏工具栏中的按钮:https://vaadin.com/forum/#!/thread/171171

答案 2 :(得分:1)

我同意早先的回答说RichTextArea是正确的选择。

然而,作为使用CSS隐藏其工具栏的替代方法,以下内容也会使它们消失(Vaadin 7.7.6):

RichTextArea myArea = new RichTextArea();
myArea.setReadOnly(true);