在羽毛笔中为图像添加超链接

时间:2019-03-13 10:37:24

标签: javascript html quill

我正在尝试将hyperlink添加到image,以便在单击image时用户打开hyperlink。我选择image,按插入链接,然后输入链接。增量对象如下所示:

{
    "ops": [{
            "attributes": {
                "link": "https://www.google.com/"
            },
            "insert": {
                "image": "data:image/png;base64,{imagedata}"
            }
        }, {
            "insert": "\\n"
        }
    ]
}

结果HTML如下:

<p>
    <img class="ql-image" src="data:image/png;base64,{imagedata}"/>
    <br/>
</p>

请注意,链接已完全消失。如果我在图像周围添加文本以及所有图像的链接,则两个文本片段各自具有自己的锚元素,但是图像被省略。

有什么办法可以解决这个问题?

0 个答案:

没有答案