Apparently there used to be a topic here at meta where it would help guide you how to inject scripts but it has been removed. At first I did not know that markdown would strip id and classes from posts in html and right after that I found out scripts have to be executed differently. I am trying to make this codepen example work inside the discourse site but not sure where to begin as it does not work the usual way of copy/paste obviously: I understand that I can only put the scripts from the admin side, which I did but I believe there is more work to do to make it work inside the topics. Basically these external scripts get triggered to inject content into a div that has certain data attributes. Do I have to rewrite the whole external scripts with jquery and ember to inject the divs with content? I am hoping not having to reinvent the wheel. Thanks in advance,

I don’t understand this request. You want average users to be able to inject arbitrary Javascript in your Discourse, by simply posting it in a reply? This would be a security nightmare.

Thanks for the quick reply Jeff. The average user will not be adding the external scripts, only providing divs with data attributes that will be whitelisted to trigger the JS external scripts to fill in the content when those divs are found. Aren’t divs with attributes (basic HTML) already supported and accepted in the editors for the average user to post? Unless because I’m admin I can also do basic HTML, but they can’t? Other large websites like wowhead and icyveins have been using these scripts for their users, maybe they are at risk? Thanks again for your help.

So you don’t want JS, you want I’ll edit your topic title so it is more reflective of what you’re actually asking. I’m not sure if we allow arbitrary whitelisting of individual HTML attributes. You could whitelist domains in your site settings to achieve something similar though.

[image] lcestou: wowhead If you search “wowhead” in Meta search you will find: [image] Hover preview and quote of the day Support Close, we did it for HearthStone and Artifact as a proofs of concept: https://github.com/xfalcox/discourse-artifact/ https://github.com/xfalcox/discourse-hearthstone [image] Nowadays with the improvements @j.jaffeux did on the tool tips for Discourse, it should be even easier. where we give you a few examples of integrating posts with games databases. Do you have any concrete example of what you want to achieve ?

Thanks Jeff, I have been able to whitelist iframes in the past but is not the behavior that I’m looking for. Hola Rafael, I guess I’m bad at explaining. There is an example on this post: [image] Blood Mallet Script Site Feedback Hello Guys, is there any way to use the blood mallet syntax to import blood mallet sim data? You can see that often on icy veins or wowhead… that would be very nice… At the bottom of that link on my post it says “Loading”. That is a div with specific attirbutes that is supposed to trigger the external scripts that I have placed in the admin theme /body section (where scripts go) and get generated with content (filled up with statistic bars) via JavaScript. In the end it should look like the codepen that I linked previously at the top of this topic when the data is generated. The custom data attributes are already whitelisted by default with discourse and do not get removed from the div like id or class does. My issue is, how can I make these external scripts execute and generate data inside these empty divs based on attributes? Based on these attributes, they could be different per topic or post and trigger the script to display different data that gets generated by these external scripts. To summarize what I’m intending to do External scripts placed on the admin > customize > theme “Edit CSS/HTML” section: Input on the editor by a user or me: Loading... Output when the div is found and external javascript (the scripts that I placed on the admin side) are executed and triggered to generate content based on those data attributes: [58%20PM] Am I making sense? I apologize if I can’t explain myself well, as I’m bilingual and sometimes I tend to make things sound more complicated.

This is exactly what @Falco linked you, read GitHub - xfalcox/discourse-hearthstone · GitHub it has everything you need.

Hello Joffrey, Ok thanks. I did tried to read and understand some of the code, will see how far I can get. Thanks again.

I just realised I never wrote about this, but Generic bbcode wrapper for theme components could be very helpful for your use case.

Conseils sur la liste blanche des attributs HTML arbitraires ?

Assistance produit

j.jaffeux (Joffrey Jaffeux) Juillet 20, 2019, 12:49 9

Je viens de réaliser que je n’avais jamais écrit à ce sujet, mais Generic bbcode wrapper for theme components pourrait être très utile pour votre cas d’usage.

Sujet		Réponses	Vues
Whitelist all the code inside of a div tag? Product Support	9	2693	Octobre 12, 2016
Allowing additional HTML elements Product Support	1	621	Septembre 14, 2021
Whitelisting HTML tags / attributes Product Support	2	2003	Août 3, 2020
Post HTML Element Class Being Removed Product Support	9	2813	Novembre 3, 2018
What are the different ways to customize content inside a post (custom attributes and such) Product Support	8	2878	Mai 17, 2022

Conseils sur la liste blanche des attributs HTML arbitraires ?

Sujets connexes