Hi - I’ve yet to get this to work via any of the means I can find, and I’d like to know if it’s just my expectations that are awry. I’m integrating with my pretix install (for selling event tickets). This should consist of simply adding HTML to a post, and ensuring that the pretix HTML and CSS are included. JavaScript is disabled in your browser. To access our ticket shop without JavaScript, please click here . Obviously, the pretix scripts scan the document for the appropriate elements by tag, and then replace them with skinnable entries (as I’m after) I believe I can (and wish to) achieve this integration lightly, and was thinking I could simply use the custom theme components to achieve this by including the external pretix scripts/styles, and adding the widget HTML to posts (i.e., with just ‘configuration’). I first bumped into CSP protections (good) and the allowList (also good). Likewise, I’ve added the CSP configuration, but now I seemingly can’t alter the allowList without actual code alterations - so I’m left having to insert ‘flavoured’ HTML in posts, and then try alter them after rendering. I proceeded to try to use some light JS in the theme component spec (just as an inline script) - something like this, just using the allowList’s [data-*] exclusion function upgradeWidgets() { const divsWithDataEvent = document.querySelectorAll('div[data-event]'); divsWithDataEvent.forEach((div) => { const attributes = div.attributes; for (let i = 0; i < attributes.length; i++) { const attr = attributes[i]; if (attr.nodeName.startsWith('data-')) { const newAttrName = attr.nodeName.replace('data-', ''); const attrValue = attr.nodeValue; div.setAttribute(newAttrName, attrValue); div.removeAttribute(attr.nodeName); } } }); } Of course, this is now subject to timing issues - I can’t hook onload (the script gets removed from the theme component?!) and every other DOM event I can trap from scripts isn’t at a point where this post HTML is reliably available in the document. I’m sure there’s some particularly idiomatic way of doing this all in Discourse - but I was hoping that I didn’t have to be a subject matter expert to perform this light of an integration. Happy to get some guidance here.

So this took a few distinct pieces to solve, I’ll note them here for future explorers. (surprising) loadScripts (neat) api.decorateCookedElement (not the first thing I thought to search for) api.pageLoaded (useful) And with only ‘configuration’ I managed to integrate pretix and my Discourse site.

כמה בעיות בהגדרת רכיב ערכת נושא לשילוב עם pretix

מפתח

michaeld (Michael - Communiteq) 20 במאי,‏ 2023,‏ 11:14am 2

Search for api.onPageChange() , that will give you a good place to handle this.

נושא		תגובות	צפיות
Javascript code snippet injection for cookie tracking Product Support	3	970	8 באפריל,‏ 2021
Interaction among theme component, theme javascript, and "previews" Development	4	996	14 במאי,‏ 2021
Adding an outside widget to composer Development	7	1233	9 בנובמבר,‏ 2021
Need a plugin coded to allow certain css codings in forum Marketplace	6	2126	28 בספטמבר,‏ 2019
Setup HubSpot chat Integration Integrations how-to	10	4526	17 ביוני,‏ 2025

כמה בעיות בהגדרת רכיב ערכת נושא לשילוב עם pretix

נושאים קשורים