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.

[صورة] 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.

[صورة] 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

كيفية الوصول إلى المتغيرات المُتتبعة في VanillaJS؟

مطور

Alteras (Steven Chang) 25 فبراير 2025، 7:08ص 5

آه، لقد أفسدت المثال. يجب أن يكون {{on \"load\" this.onIframeLoaded}}، بدون أقواس، حيث إنه يجب أن يكون مرجعًا لدالة.

لقد قمت بتحرير ردي.

الموضوع		الردود	مرات العرض
Having some issues with inserting iframes using Discourse's Ember API Development ember	8	1044	5 سبتمبر 2024
Embedding on NextJS - Stuck on Loading and constant iframe refresh Product Support unsupported-install	1	1385	7 يونيو 2022
How do we fire scripts after topic HTML is rendered in DOM? Development	4	2722	27 نوفمبر 2021
How to access discourse username from an iframe? Development	0	499	13 نوفمبر 2020
How to automatically adjust iframe height for embedded wordpress posts WordPress	18	5363	26 يونيو 2025

كيفية الوصول إلى المتغيرات المُتتبعة في VanillaJS؟

الموضوعات ذات الصلة