Adding inline scripts and updating old events
Ich habe versucht, das Inline-Skript mit den folgenden Schritten zu aktualisieren:Holen Sie das Dokument des iframe: 'iframeDoc = Editor. Canvas.getDocument()'Erhalten Sie den innerHTML des Dokumentbestands: 'iframeDocBodyHtml = iframeDoc.body.innerHTML'Ersetzen Sie den innerHTML des Bodys: 'iframeDoc.body.innerHTML =...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
In diesem Fall empfehle ich dir, auf das Dokument des iFrames zuzugreifen und manuell das Inline-Skript hinzuzufĂŒgen (um das Dokument zu erhalten, benutze 'editor). Canvas.getDocument()') Originally von @artf in https://github.com/artf/grapesjs/issues/2012#issuecomment-496304498 veröffentlicht Hey, @artf, ich habe gerade die Ausgabe #2012 durchgegangen und habe einen Zweifel. Wenn eine Ănderung am Skript vorgenommen wird, z. B. eine Ănderung der Benachrichtigung, meldet sich beim Klicken. Dann werden mehrere Ereignisse hinzugefĂŒgt. Wie man die alten Ereignisse entfernt und neue fĂŒgt (ohne zu...
Antworten (4)
Ich habe versucht, das Inline-Skript mit den folgenden Schritten zu aktualisieren:Holen Sie das Dokument des iframe: 'iframeDoc = Editor. Canvas.getDocument()'Erhalten Sie den innerHTML des Dokumentbestands: 'iframeDocBodyHtml = iframeDoc.body.innerHTML'Ersetzen Sie den innerHTML des Bodys: 'iframe...
Ich habe versucht, die Select- und Hover-Events hinzuzufĂŒgen, indem ich den Befehl 'component-select' ausgefĂŒhrt habe und 'editor.trigger('core:component-select')' geschrieben habe, aber das hat auch nicht geholfen und 'editor.runCommand('core:component-select')' gibt einen Fehler. Ăbersehe ich etw...
Nun, ich denke, es wĂ€re nicht schlecht, eine einfache Möglichkeit hinzuzufĂŒgen, das Rerendern des iFrames zu erzwingen (kein hĂ€ufiger Fall, aber in manchen FĂ€llen auf jeden Fall nĂŒtzlich). Leider solltest du im Moment versuchen, private Methoden zu verwenden und zu prĂŒfen, ob alles wie erwartet fun...
Danke, dass du das gemeldet hast, @theSC0RP. Gute Frage zum HinzufĂŒgen von Inline-Skripten und dem Aktualisieren alter Events. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suche nach de...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3329
Wie sollte ich benutzerdefinierte EigenschaftsÀnderungen im Skript erhalten?
Hallo @artf, das ist ein groĂartiges Framework, vielen Dank. Ich nutze es jetzt, um Komponenten des mobilen BUI-Frameworks zu erstellen, un...
Problem #3577
Die UndoManager-Methode hatUndo() gibt true zurĂŒck, obwohl sie es nicht sollte
Ich versuche, die RĂŒckgĂ€ngig-Taste zu deaktivieren, wenn es keine RĂŒckgĂ€ngig-Aktionen gibt. Dazu höre ich das Ereignis "change:changesCount...
Problem #3252
Does getHtml() remove the inline style property?
Ich habe mit Möglichkeiten herumgespielt, wie man den Stil der Elemente innerhalb der Leinwand Àndern kann, und festgestellt, dass durch di...
Problem #3268
How to add javascript in the html without sanitization?
Hey @artf, ich nehme JavaScript-Eingaben vom Nutzer entgegen. Ich muss dieses JavaScript in das Vorlagen-HTML einfĂŒgen, aber es wird berein...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
GJS.Market Is Now Available for India đźđł
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.