Obrigado, Jeff. Consegui permitir iframes no passado, mas não é esse o comportamento que estou procurando.
Olá Rafael,
Acho que não estou me explicando bem. Há um exemplo neste post:
No final daquele link, no meu post, aparece “Carregando”. Isso é uma div com atributos específicos que deveria acionar os scripts externos que coloquei na seção /body do tema de administração (onde os scripts são inseridos) e ser preenchida com conteúdo (barras de estatísticas) via JavaScript.
No final, deveria ficar parecido com o CodePen que linkei anteriormente no início deste tópico, quando os dados são gerados.
Os atributos de dados personalizados já são permitidos por padrão no Discourse e não são removidos da div como id ou class.
Meu problema é: como faço para que esses scripts externos sejam executados e gerem dados dentro dessas divs vazias com base nos atributos? Com base nesses atributos, eles podem variar por tópico ou post e acionar o script para exibir diferentes dados gerados por esses scripts externos.
Para resumir o que pretendo fazer
Scripts externos colocados na seção admin > personalizar > tema “Editar CSS/HTML” :
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://bloodmallet.com/js/bloodmallet_chart_import.min.js"></script>
Entrada no editor por um usuário ou por mim:
<div
data-bloodmallet="chart"
data-wow-class="shaman"
data-wow-spec="elemental"
data-chart-engine="highcharts"
data-tooltip-engine="wowhead"
data-type="trinkets"
data-azerite-tier="all"
data-fight-style="patchwerk"
data-entries="7"
data-background-color="#343a40"
data-font-color="#f8f9fa"
data-axis-color="#828282"
data-language="en"
>Carregando...</div>
Saída quando a div é encontrada e o JavaScript externo (os scripts que coloquei no lado da administração) é executado e acionado para gerar conteúdo com base nesses atributos de dados:
Faz sentido? Peço desculpas se não consigo me explicar bem, pois sou bilíngue e, às vezes, tenho a tendência de tornar as coisas mais complicadas do que precisam ser.