如何使用带有 HTML 值的 RichTextEditor？答案

【问题标题】：How to use RichTextEditor with HTML value?如何使用带有 HTML 值的 RichTextEditor？
【发布时间】：2021-09-23 21:15:28
【问题描述】：

我正在尝试在表单中使用 com.vaadin.flow.component.richtexteditor.RichTextEditor，我需要获取并设置 HTML 格式而不是 增量格式，我还需要使用getValue() 和 setValue() 用于与使用这些方法的表单的所有其他字段的同质性。所以我尝试了这样的事情：

public class HtmlEditor extends RichTextEditor {
  private HasValue<?, String> htmlValue;

  public HtmlEditor() {
    htmlValue = asHtml();
    setThemeName(RichTextEditorVariant.LUMO_COMPACT.getVariantName());
  }

  @Override
  public String getValue() {
    return StringUtils.trimToNull(htmlValue.getValue());
  }

  @Override
  public void setValue(String value) {
    htmlValue.setValue(StringUtils.trimToEmpty(value));
  }


}

但这不起作用，因为 RichTextEditor 本身使用 getValue 和 setValue 直接期望（我猜）增量格式。

我曾考虑将 RichTextEditor 包装为一个组合组件，但这对于读取和写入 HTML 的简单而常见的需求来说似乎有点过头了。

有简单的解决方法吗？

【问题讨论】：

标签： html vaadin richtext vaadin-flow delta

【解决方案1】：

我不认为有任何内置的东西，没有。使用一些自定义转换器可能是可行的，但“简单”不是正确的词。

编辑：有一张关于此的公开票，如果该功能对您很重要，您可以评论和投票：https://github.com/vaadin/flow-components/issues/1584

【讨论】：