将<img/>标记添加到BlueImp图库标题

时间:2017-03-30 20:41:44

标签: javascript html blueimp

我试图在BlueImp图库上添加标签到每个视频的标题(此图库包含Youtube视频而不是图像),如下所示:

galleryVideos.push({
                    title: " <img src='link.jpg'>",
                    href: 'http://link.com',
                    type: 'text/html'
                  })

但是当它被渲染时,屏幕上的文字是<img src='link.jpg'>(它渲染文本而不是图像),当我检查标签时看起来像:

<h3 class="title"> &lt;img src='link.jpg'&gt;</h3>

如果我通过开发人员工具编辑器手动编辑HTML代码,并将&lt;&gt;替换为<>锚符号,则图片呈现正确。< / p>

我试过逃避角色但没有运气。

问候 谢谢

1 个答案:

答案 0 :(得分:0)

我认为标题值会自动转义以避免脚本注入攻击。

通过查看BlueImp doc,您需要执行以下操作:

galleryVideos.push({
                title: '',
                href: 'http://link.com',
                type: 'image/jpeg',
                thumbnail: 'link.jpg'
              })