如何以編程方式將圖像插入 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 Controller 中，我正在嘗試這樣做

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'] + '" />';