How to add javascript in the html without sanitization?
Ich habe versucht, das Skript zum iframe hinzuzufĂŒgen, in dem die Leinwand rendert, indem ich am <script>Ende des iframe-Körpers ein "Tag" hinzugefĂŒgt habe. Das funktioniert bis zu einem gewissen Grad. Das Problem dabei ist, dass ich, wenn ich das JS im Skript aktualisieren muss, das iframe aktualisieren muss (um even...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hey @artf, ich nehme JavaScript-Eingaben vom Nutzer entgegen. Ich muss dieses JavaScript in das Vorlagen-HTML einfĂŒgen, aber es wird bereinigt. Gibt es eine Möglichkeit, die Desinfektion auszuschalten? (Ich habe kein Problem mit den von dir in #3245 genannten Problemen) oder kannst du im Editor eine Eigenschaft wie 'allowSanitization: false' hinzufĂŒgen? Wenn nicht, wie kann ich dann JavaScript zur Canvas hinzufĂŒgen?
Antworten (4)
Ich habe versucht, das Skript zum iframe hinzuzufĂŒgen, in dem die Leinwand rendert, indem ich am <script>Ende des iframe-Körpers ein "Tag" hinzugefĂŒgt habe. Das funktioniert bis zu einem gewissen Grad. Das Problem dabei ist, dass ich, wenn ich das JS im Skript aktualisieren muss, das iframe aktuali...
Können Sie bitte eine reproduzierbare Demo Ihres Problems bereitstellen?
Danke fĂŒr die Antwort @artf. Ich habe beim Aktualisieren des iFrames einen Fehler gemacht, also ist mein Problem jetzt gelöst! Nur noch eine Frage: Gibt es eine eingebaute Methode, um den iframe aufzufrischen?
Danke, dass du das gemeldet hast, @theSC0RP. Toller Vorschlag zu Wie man JavaScript ins HTML einfĂŒgt, ohne zu bereinigen?! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, Ă€hnliches Verhalten zu erreichen. Verwendung des Ereignissystems: ''...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3405
Ein Event, an das man sich anhÀngen sollte, bevor ein Block in die Leinwand fÀllt
WARNUNG LIES und FOLGE den nÀchsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien htt...
Problem #3668
Cant Reset Canvas after Moving/scaling it
WARNUNG LIES und FOLGE den nÀchsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien htt...
Problem #3714
Partial parse
Diskutiert in https://github.com/artf/grapesjs/discussions/3711 <div type='discussions-op-text'> <sup>UrsprĂŒnglich veröffentlicht von ltent...
Problem #3364
@How um die ContainergröĂe zu fixieren, wenn wir ein Element im Container ziehen, wird der Container entsprechend dem vom Kind gezogenen Element verbraucht. Wie wir das Kindelement automatisch entsprechend dem Elterncontainer dimensionieren können. Container sollte nicht entsprechend dem Kindelement verwendet werden. Es sollte Show Scroll sein.
WARNUNG LIES und FOLGE den nÀchsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien htt...
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
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
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.