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.

[imagen] 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/c…

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.

[imagen] 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

¿Acceder a variables rastreadas en VanillaJS?

Desarrollador

Arkshine 25 Febrero, 2025 12:58 7

Agrega import { on } from \"@ember/modifier\"; y esto debería funcionar.
Es una buena idea mirar el código fuente de Discourse. Es un buen lugar para aprender con código existente.

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

¿Acceder a variables rastreadas en VanillaJS?

Temas relacionados