iFrame的背景颜色不起作用

[lyt]

我最近将一些可视化嵌入了一个论坛（由 discourse 驱动）帖子中，在黑暗模式下它们看起来非常糟糕，因为 iframe 具有透明背景。

所以我尝试更改 iframe 的背景颜色。我找到了方法并在 hackmd 上进行了测试；效果很好。但当我将其提交到 discourse 论坛时，却不起作用！黑暗模式占了上风。

这是我正在使用的代码结构：

<iframe>

[SaraDev (Sara Devlaeminck)]

您可能需要使用自定义 CSS 来为 iframe 设置自定义背景颜色，因为默认情况下 Discourse 会移除所有帖子的样式/类。

Custom css inside a post / adding custom classes

Is it possible to give a <div> inside a post some custom styling? I’ve seen that any non-whitelisted classes are stripped out, and I’ve tried addingstyle= to my divs and spans to no avail , so does anyone know if there’s a way to do that? Basically I have a bot that posts from an internal tool and I’d like to have it post with something that looks like the tool to make it obvious that it’s not a regular disourse post, something like this: [image] It’s got a couple of nested divs/spans to ma…

例如，在主题中，您可以使用：

<div data-theme-1>
<iframe width="100%" height="300" src="https://dune.com/embeds/1002945/1734962/fe28df65-99a3-4b98-8cb4-e97f132c8165" frameborder="0"></iframe>
</div>

然后在您正在使用的主题的自定义 CSS 中添加：

div[data-theme-1] {
  background-color: #FFFFFF;
}

如果您有兴趣在您的网站上将样式/类列入白名单，则必须通过插件来完成。

What are the different ways to customize content inside a post (custom attributes and such)

It is possible to uses some HTML classes in Discourse, however, most HTML in a post is sanitized for security reasons, and only very strict whitelisted HTML is allowed in markdown. To add classes to the white-list you must use a plugin, the sanitization happens server side as well as client side. Check out Whitelisting HTML tags / attributes for some details on where to add the whitelisted attributes, and I believe it would look similar to something like this: Discourse HTML Whitelist. and a…

[lyt]

非常感谢，那奏效了！