You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

能否在Discourse帖子中嵌入并显示<object>标签的SVG图片?

能在Discourse帖子里嵌入SVG 标签吗?

嘿,针对你想在Discourse舰船配置板块嵌入SVG的需求,我来拆解下可行方案:

首先,默认Discourse设置下直接用你提供的<object>标签是行不通的——Discourse的HTML过滤规则和内容安全策略(CSP)会拦截这类外部嵌入标签,这是出于安全考虑。但不用急,有几种更稳妥的方式能实现你的需求,不用把SVG转成JPG:

1. 最简单的方案:用Markdown图片语法直接引用

Discourse完全支持用Markdown图片语法加载外部SVG,这是最省心的办法,不需要改任何设置:

![PVP Vexor舰船配置图](https://o.smium.org/api/convert/7899/svg/7899-pvp-vexor.svg)

如果还想保留点击跳转的功能(像你原来<object>里的fallback链接那样),可以把图片做成链接:

[![PVP Vexor舰船配置图](https://o.smium.org/api/convert/7899/svg/7899-pvp-vexor.svg)](https://o.smium.org/loadout/7899)

这样用户点击图片就能打开配置详情页,完美匹配你的需求,还符合Discourse的内容规范。

2. 嵌入SVG源代码(更安全的本地化方案)

如果担心外部SVG链接失效,或者想完全控制内容,可以把SVG的源代码直接贴到帖子里:

  • 打开你的SVG链接,右键查看页面源代码,复制整个<svg>标签的完整内容
  • 在Discourse编辑器右上角切换到「Raw HTML」模式,粘贴复制的SVG代码
  • 切换回可视化模式就能看到渲染后的SVG了

这种方式不需要依赖外部资源,安全性更高,渲染效果也更稳定。

3. 调整Discourse站点设置(仅管理员可用)

如果你是论坛管理员,确实想使用<object>标签,可以修改Discourse的安全设置:

  • 进入后台「Settings」→「Security」,找到allowed_html_tags,添加object标签以及type、data属性
  • 在content_security_policy里,把SVG的源域名加入img-src或object-src的允许列表

⚠️ 注意:放宽HTML过滤和CSP会增加论坛被注入恶意代码的风险,建议只添加你完全信任的域名。


内容的提问来源于stack exchange,提问作者Daniel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 07:01:19