如何在 vaadin label 上添加 html 格式？

Question

我想在 vaadin label 上添加一個 html 格式的字符串。 該字符串來自數據庫並直接進入 label，它必須使用粗體文本、換行符和其他一些花哨的文本進行格式化。 我找到了幾個解決方案，但這些都是針對舊版本的 vaadin，有沒有辦法在 vaadin 流上做到這一點？

Answer 1

您可以使用以下方法將 HTML 內容添加到 label 中：

        Label label = new Label();
        label.getElement().setProperty("innerHTML","A new line should be created after this <br /> <b>This text is bold</b> <br /> <i> This text is italic</i>");
        add(label);

---

但是，如果您只想顯示文本，那么 label 不是正確使用的元素。 如其API 所述：

請注意，Label 組件不適用於頁面中的松散文本 - 它們應該通過使用 setFor(Component) 或通過使用 HasComponents.add(Component...) 方法將它們添加到另一個組件來與另一個組件耦合。

我會改用HTML元素：

        String yourContent ="A new line should be created after this <br /> <b>This text is bold</b> <br /> <i> This text is italic</i>";
        Html html = new Html("<text>" + yourContent + "</text>");
        add(html);

output：

或者，您可以封裝功能並創建一個通用組件，用於顯示基於此處的示例 HTML 片段： https://vaadin.com/forum/thread/17072019