当前位置: 首页 > 知识库问答 >
问题:

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

翟光赫
2023-03-14

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

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

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

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

组件视图结果
谷歌chrome开发者工具元素检查


共有1个答案

甄永年
2023-03-14

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

Sets content represented by HTML snippet into the editor.
The snippet is interpreted by [Quill's Clipboard matchers](https://quilljs.com/docs/modules/clipboard/#matchers),
which may not produce the exactly input HTML.

**NOTE:** Improper handling of HTML can lead to cross site scripting (XSS) and failure to sanitize
properly is both notoriously error-prone and a leading cause of web vulnerabilities.
This method is aptly named to ensure the developer has taken the necessary precautions.
@param {string} htmlValue

我测试了这段代码,它可以工作:

this.richTextEditor.dangerouslySetHtmlValue('<p>hello <b>world</b></p>');

您可以在组件文档中看到更多信息。

 类似资料:
  • Django集成UEditor (封装成应用) 百度富文本编辑器 http://ueditor.baidu.com/website/ 使用效果 测试环境 ubuntu 16.04 python3.5.2 django1.11.7 目前测试解决了出现的以下两个问题,都是python版本问题 error1 # name 'file' is not defined controller.py 68行

  • 我发现了一个我不知道如何解决的问题。 如果使用这个模板,那么就没有问题: 例如,输出为: 如果我编辑一个模板并尝试将“supplier.id”设置为html属性“data-supplierid”: 出现一个错误:

  • 富文本编辑,又称为WYSIWYG(What You See Is What You Get,所见即所得)。在网页中编辑富文本内容,是人们对Web 应用程序最大的期待之一。虽然也没有规范,但在IE 最早引入的这一功能基础上,已经出现了事实标准。而且,Opera、Safari、Chrome 和Firefox 都已经支持这一功能。这一技术的本质,就是在页面中嵌入一个包含空HTML 页面的iframe。通

  • 问题内容: 为什么会出现错误或未捕获的TypeError:无法将属性’innerHTML’设置为null?我以为我了解innerHTML并在以前使用过。 问题答案: 您必须将div放在脚本之前,以便在加载脚本时该div存在。

  • 问题内容: 我试图从我的xml中将按钮的文本设置为“ <<<”,但出现“错误:(20)解析XML时出错:格式不正确(无效令牌)” 因此,我跳到我的strings.xml并在其中输入它,这显然行不通。 有没有解决方法? 问题答案: 这些是html实体,也可以在android studio中使用:

  • 为什么我会得到一个错误或未捕获的TypeError:不能设置null的属性'innerhtml'?我以为我了解innerHTML并且在此之前使用过它。