Hintergrundfarbe von iFrame funktioniert nicht

[lyt]

Ich habe kürzlich einige Visualisierungen in einen Forenbeitrag (powered by Discourse) eingebettet, und sie sehen im Dark Mode leider schrecklich aus, da die iframes transparente Hintergründe haben.

Also habe ich versucht, die Hintergrundfarbe der iframes zu ändern. Ich habe herausgefunden, wie das geht, und es auf HackMD getestet; es hat gut funktioniert. Aber als ich es im Discourse-Forum eingereicht habe, hat es nicht funktioniert! Der Dark Mode hat sich durchgesetzt.

Hier ist die Struktur des Codes, den ich verwende:

<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)]

Sie müssen wahrscheinlich benutzerdefiniertes CSS verwenden, um eine benutzerdefinierte Hintergrundfarbe für Ihr iFrame festzulegen, da Stile/Klassen standardmäßig aus allen Beiträgen auf Discourse entfernt werden.

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…

Zum Beispiel könnten Sie innerhalb eines Themas Folgendes verwenden:

<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>

Und dann im benutzerdefinierten CSS für das von Ihnen verwendete Thema Folgendes hinzufügen:

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

Wenn Sie daran interessiert sind, Stile/Klassen auf Ihrer Website zuzulassen, muss dies mit einem Plugin erfolgen.

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]

Vielen Dank, das hat funktioniert!