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.

[Bild] 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/com…

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.

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

Zugriff auf getrackte Variablen in VanillaJS?

Entwickler

Alteras (Steven Chang) 25. Februar 2025 um 07:08 5

Ah, ich habe mein Beispiel vermasselt. Es sollte {{on \"load\" this.onIframeLoaded}} lauten, ohne Klammern, da es sich um einen Verweis auf eine Funktion handeln sollte.

Ich habe meine Antwort bearbeitet.

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

Zugriff auf getrackte Variablen in VanillaJS?

Verwandte Themen