I have this piece of code: let iFrame = document.getElementById('oc-editor'); iFrame.addEventListener('load', function() { iFrame.contentWindow.postMessage({ eventType: 'populateCode', language: "{{this.codeLang}}", files: [ { "name": "file.{{this.codeLang}}", "c…

Looks like you’re working in gjs, so you can just use glimmer functions instead of trying to work around DOM rendering and race conditions. Add the glimmer {{on}} modifier with the iframe element and make your on loaded function fire on it. @action onIframeLoaded() { ... } ... <iframe {{on "load" …

That… exists!? Wow, I’ll give it a shot.

[image] Alteras: {{on "load" this.onIframeLoaded()}} Hmm… got this error: Compile error: Error: /discourse/theme-9718/discourse/components/show-onecompiler: Parse error on line 18: ... {{on "load" this.onIframeLoaded()}}> -----------------------^ Expecting 'ID', got 'INVALID' (discourse/co…

Ah, I messed up my example. It should be {{on "load" this.onIframeLoaded}}, no parentheses, since it should be a reference to a function. I’ve edited my reply.

Hmm… it says that Error: 74:13 error 'on' is not defined in ESLint. And the docs have no mention of an import because it’s a modifier. I added event as a parameter to onIframeLoaded because the docs did that.

Add import { on } from "@ember/modifier"; and this should work. It’s a good idea to look at the Discourse source code. It’s a good place to learn with existing code.

[image] Arkshine: It’s a good idea to look at the Discourse source code. It’s a good place to learn with existing code. See also GitHub - discourse/all-the-plugins · GitHub and GitHub - discourse/all-the-themes · GitHub

Accéder aux variables suivies en VanillaJS ?

Dev

Arkshine Février 25, 2025, 12:58 7

Ajoutez import { on } from \"@ember/modifier\"; et cela devrait fonctionner.
C’est une bonne idée de regarder le code source de Discourse. C’est un bon endroit pour apprendre avec du code existant.

Sujet		Réponses	Vues
Having some issues with inserting iframes using Discourse's Ember API Development ember	8	1044	Septembre 5, 2024
Embedding on NextJS - Stuck on Loading and constant iframe refresh Product Support unsupported-install	1	1385	Juin 7, 2022
How do we fire scripts after topic HTML is rendered in DOM? Development	4	2722	Novembre 27, 2021
How to access discourse username from an iframe? Development	0	499	Novembre 13, 2020
How to automatically adjust iframe height for embedded wordpress posts WordPress	18	5363	Juin 26, 2025

Accéder aux variables suivies en VanillaJS ?

Sujets connexes