iFrameの背景色が機能しません

[lyt]

フォーラム（Discourse搭載）の投稿にいくつかのビジュアライゼーションを埋め込みましたが、iframeの背景が透明なため、ダークモードでは残念ながらひどく見えます。

そこで、iframeの背景色を変更しようとしました。その方法を見つけ、HackMDでテストしたところ、うまく機能しました。しかし、Discourseフォーラムで送信すると、機能しません！ダークモードが優先されます。

使用しているコードの構造は次のとおりです。

<iframe width="100%" height="300" style="background-color: #FFFFFF" src="https://dune.com/embeds/1002945/1734962/fe28df65-99a3-4b98-8cb4-e97f132c8165" frameborder="0"></iframe>

[SaraDev (Sara Devlaeminck)]

iframe のカスタム背景色を設定するには、カスタム CSS を使用する必要がある可能性が高いです。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]

ありがとうございました。うまくいきました！