EditorContext.getContents获取的富文本编辑器的内容怎么回显到小程序中?
文档中是这样介绍的:
功能描述
富文本编辑器,可以对图片、文字进行编辑。
编辑器导出内容支持带标签的 html
和纯文本的 text
,编辑器内部采用 delta
格式进行存储。
通过setContents
接口设置内容时,解析插入的 html
可能会由于一些非法标签导致解析错误,建议开发者在小程序内使用时通过 delta 进行插入。
富文本组件内部引入了一些基本的样式使得内容可以正确的展示,开发时可以进行覆盖。需要注意的是,在其它组件或环境中使用富文本组件导出的html时,需要额外引入 这段样式,并维护<ql-container><ql-editor></ql-editor></ql-container>
的结构。
图片控件仅初始化时设置有效。
当我获取到对应的getContents时内容是这样的
{
"errMsg": "ok",
"html": "<p><img src=\"https://zkycyd.oss-cn-beijing.aliyuncs.com/car/LGAX3C130M9010168/5ad3c1320b87777f651330e78ed199b.png\" width=\"100%\" data-custom=\"id=abcd&role=god\"></p><p>423423423423</p><p>4234234</p><p>234234234</p><p><br></p>",
"text": "\n423423423423\n4234234\n234234234\n\n",
"delta": {
"ops": [
{
"attributes": {
"width": "100%",
"data-custom": "id=abcd&role=god"
},
"insert": {
"image": "https://zkycyd.oss-cn-beijing.aliyuncs.com/car/LGAX3C130M9010168/5ad3c1320b87777f651330e78ed199b.png"
}
},
{
"insert": "\n423423423423\n4234234\n234234234\n\n"
}
]
}
}
如上所示,我希望将delta的内容存起来,便于以后得修改,但是我不知道要展示delta中的内容的时候应该怎么展示,比如商品详情编辑使用editor编辑器获取编辑内容,然后在商品展示时怎么将delta中的内容回显出来?