如何在内容可编辑字段中渲染图像？
How to render an image in content-editable field?
我正在尝试使用 contenteditable div、Angular 和 TypeScript 创建富文本编辑器。
我已经成功地将图像以 Base-64 编码的字符串保存到数据库 (pouchDB) 中。
像这样的纯文本：
<img src="data:image/png;base64,iVBORw0KGgoUlEQVR4Ae2diXdV1RWH+Q9bba1TLa11WO3SLhRBpIBo=">
但是当我从数据库中读取它并尝试在页面上呈现为图像时，它也显示为上面的纯文本。
- 当我从数据库中读取img数据时，有什么方便的方法吗？
将其转移到 HTML 对象中？
- 并且
img标签数据可以和其他文本内容混合，什么是
一般校长把他们分开？
您需要将其呈现为 innerHTML 而不是字符串？
<div [innerHTML]="content"></div>
没有
<div>{{ content }}</div>
我正在尝试使用 contenteditable div、Angular 和 TypeScript 创建富文本编辑器。
我已经成功地将图像以 Base-64 编码的字符串保存到数据库 (pouchDB) 中。
像这样的纯文本：
<img src="data:image/png;base64,iVBORw0KGgoUlEQVR4Ae2diXdV1RWH+Q9bba1TLa11WO3SLhRBpIBo=">
但是当我从数据库中读取它并尝试在页面上呈现为图像时，它也显示为上面的纯文本。
- 当我从数据库中读取img数据时，有什么方便的方法吗？ 将其转移到 HTML 对象中？
- 并且
img标签数据可以和其他文本内容混合，什么是 一般校长把他们分开？
您需要将其呈现为 innerHTML 而不是字符串？
<div [innerHTML]="content"></div>
没有
<div>{{ content }}</div>