Vaadin 14:无法将HTML值按属性设置为Vaadin富文本编辑器

Vaadin 14:无法将HTML值按属性设置为Vaadin富文本编辑器,vaadin,vaadin-flow,vaadin14,Vaadin,Vaadin Flow,Vaadin14,我想按属性设置富文本编辑器组件的html值 下面的标记和属性将导致下面的打印屏幕。如何按属性设置html值 <vaadin-rich-text-editor html-value="<p>Hello</p>"></vaadin-rich-text-editor> 在元素检查中,我可以看到值,但设置的值只是,而不是你好。(参见下面的打印屏幕) 在中的htmlValue属性是只读的,因此不能用于设置值。将HTML设置为HTM

我想按属性设置富文本编辑器组件的html值

下面的标记和属性将导致下面的打印屏幕。如何按属性设置html值

<vaadin-rich-text-editor html-value="<p>Hello</p>"></vaadin-rich-text-editor>

在元素检查中,我可以看到值,但设置的值只是

,而不是
你好

。(参见下面的打印屏幕)



中的
htmlValue
属性是只读的,因此不能用于设置值。将HTML设置为HTML中的属性会带来风险。您可以使用
危险的ethtmlvalue(htmlValue)
函数,从JavaScript中将该值设置为HTML

但正如名称所示,文件上说:

将HTML代码段表示的内容设置到编辑器中。
该片段由[Quill的剪贴板匹配器]解释(https://quilljs.com/docs/modules/clipboard/#matchers),
这可能不会生成准确的输入HTML。
**注意:**HTML处理不当可能导致跨站点脚本(XSS)和清理失败
这是出了名的容易出错,也是导致web漏洞的主要原因。
此方法的名称恰当,以确保开发人员已采取必要的预防措施。
@param{string}htmlValue
我测试了这段代码,它可以工作:

this.richTextEditor.dangerlysetmtmlvalue(“helloworld

”);

你可以在地图上看到更多