如何以编程方式将图像插入 lightning-input-rich-text？

Question

我有一个 base64 格式的图像，我想将图像数据显式推送到我的 lightning-input-rich-text 中。有什么办法吗？

我的代码如下所示：

<lightning-input-rich-text value={body} label="EmailBody" placeholder="Email Body" >
            </lightning-input-rich-text>

在我的 JS 控制器中，我正在尝试这样做

this.body = this.filesUploaded[0]['VersionData']

// this.filesUploaded[0]['VersionData']表示base64格式数据

而不是显示图像我的 lightning-input-rich-text 显示 base64 字符串 for ex: ('iVBORw0KGgoAAAA....')

Answer 1

您需要确保将 IMG html 标记添加到富文本控件的内容中。因此，在您的 js 文件中，您的 body 变量必须设置为表示创建使用 base64 作为其源的 IMG 标签所需的 html 代码的字符串，例如：

this.body = '<img src="data:image/png;base64,' + this.filesUploaded[0]['VersionData'] + '" />';