Cor de fundo do iFrame não está funcionando

[lyt]

Recentemente incorporei algumas visualizações em uma postagem de fórum (com tecnologia discourse) e elas ficam terrivelmente ruins no modo escuro porque os iframes têm fundos transparentes.

Então, tentei mudar a cor de fundo dos iframes. Descobri como e testei no hackmd; funcionou bem. Mas quando submeto no fórum discourse, não funciona! O modo escuro prevalece.

Aqui está a estrutura do código que estou usando:

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

Você provavelmente precisará usar CSS personalizado para definir uma cor de fundo personalizada para o seu iframe, pois os estilos/classes são removidos de todas as postagens no Discourse por padrão.

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…

Por exemplo, dentro de um tópico você pode usar:

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

E então no CSS personalizado para o tema que você está usando, adicione:

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

Se você estiver interessado em permitir estilos/classes em seu site, isso deve ser feito com um plugin.

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]

Muito obrigado, funcionou!