Javascript 高亮显示Vaadin标签中的子字符串

我有一个由用户输入生成的Vaadin标签。我希望验证该区域的内容，并在发生错误时突出显示发生错误的文本子字符串。我知道标签支持html内容，所以

Label example = new Label("Foo <span>Bar</span>", ContentMode.HTML);

Label-example=新标签（“Foo-Bar”，ContentMode.HTML）；

使用一些css可以突出显示标签中的条。这对于高亮显示一个子字符串很好，但当高亮显示标签的多个部分或尝试以不同颜色高亮显示时，很难管理

是否有人知道有一个附加组件可以帮助实现这一点

谢谢,

---

Oliver

我也不认为有这样的附加组件，但您可以这样做：

Label-example=新标签（“Foo-Bar1Bar2”，ContentMode.HTML）

然后在样式表中写下：

.error1 .field1 {
    color: red;
}

.error2 .field2 {
    color: red;
}

然后，如果标签的第1部分出现错误，请执行以下操作：

label.addStyleName（“error1”）

标签的第2部分也是如此。这应该在标签上标记为红色。
我不知道有这样的附加组件。但是只要在新类中扩展标签并为
标记分配一个表示颜色/样式的类，我强烈建议不要使用
ContentMode.HTML
来显示用户输入。您将打开应用程序进行跨站点脚本（XSS）攻击。