EditorContext.getContents获取的富文本编辑器的内容怎么回显到小程序中?
发布于 2 年前 作者 jun77 2567 次浏览 来自 问答

文档中是这样介绍的:

功能描述

富文本编辑器,可以对图片、文字进行编辑。

编辑器导出内容支持带标签的 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&amp;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中的内容回显出来?

回到顶部