Hallo Ich integriere Page Manager in mein Projekt. Das Problem, das ich habe, ist, dass jedes Mal, wenn ich zwischen Seiten wechsle, CSS- und Skriptdateien geladen werden, die zum Zeitpunkt des Inits im Canvas-Objekt gegeben wurden, immer wieder. Das macht das Wechseln zwischen den Seiten langsam. Implementierung: gra...
chiragkataria22
@artf Können Sie bitte helfen?
artf
Leider erzeugt das Seitenwechseln einen neuen iframe, sodass das Verhalten korrekt ist. Ich habe es bevorzugt, frühere iframes zu entfernen, um den Speicherverbrauch so gering wie möglich zu halten. Eine Lösung könnte sein, eine Möglichkei...
GJSBlock
Danke, dass du das gemeldet hast, @chiragkataria22. Danke, dass du deinen Bericht über Seitenwechseln immer wieder Canvas-Stile und Skripte anruft geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Si...
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 ger...
theSC0RP
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....
theSC0RP
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('...
artf
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 Me...
Hallo zusammen, ich möchte Daten von Canvas in Redux Store speichern, und es funktioniert, aber nachdem ich die Seite neu geladen habe, setzt die Speicherlademethode meine Daten nicht auf Builder (Canvas), ich weiß nicht, was los ist, sag Bescheid, falls jemand Lösungen hat. Codebeispiel: '''js grapejs.init({ .../// s...
artf
Entfernen Sie dieses: 'const resultKey = key.slice(4);'. Du speicherst Daten mit dem Präfix, lädst sie aber ohne
GJSBlock
Danke, dass du das gemeldet hast, @vatte21. Tolle Frage zu Wie man einen benutzerdefinierten Speichermanager erstellt? Er setzt nach dem Neuladen der Seite keine gespeicherten Daten von Canvas ein. Der empfohlene Ansatz mit StyleManager is...
WARNUNG LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdMach zuerst eine schnelle SUCHE, um zu sehen, ob jemand anderes das gleiche Problem nicht geöffnet hatAlle zugehörigen Auss...
artf
Hallo, @chrisijoyah hast du versucht, 'canvas:dragdata' zu verwenden? Hier ein Beispiel für die Verwendung https://jsfiddle.net/artur_arseniev/87rcb24n/
Chrisijoyah
Hallo, @chrisijoyah hast du versucht, 'canvas:dragdata' zu verwenden? Hier ein Beispiel für die Verwendung https://jsfiddle.net/artur_arseniev/87rcb24n/ Bedeutet das, dass ich verhindern kann, dass das entfernte Modell zur Leinwand hinzuge...
artf
Kann ich so etwas wie result.content= '' machen Ja, das solltest du mit diesem Trick können. Können Sie mir mehr über Ihren Anwendungsfall erzählen, welche Art von Check Sie durchführen möchten?
Ist es möglich, das Merkmal "angekreuzt" für die Komponente des Kästchens einfach zu ändern, indem man auf Komponente innerhalb der Canvas klickt?
artf
Ja, klar, das Merkmal liest den Wert aus dem Komponentenmodell, also wenn du den gebundenen Wert änderst, sollte sich das Merkmal ändern
GJSBlock
Danke, dass du das gemeldet hast, @christosapos. Gute Frage zu Ändere das aktivierte Merkmal der Checkbox-Komponente mit Klick-In-Komponente.. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Über...
Hallo! Ich habe versucht, jquery sowohl in Canvas als auch in index.html hinzuzufügen Ich füge es so in Canvas hinzu – 'Canvas = Editor. Leinwand; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' und auf der...
artf
Hier kannst du sehen, wie man Abhängigkeiten richtig lädt https://grapesjs.com/docs/modules/Components-js.html#template-related
GJSBlock
Danke, dass du das gemeldet hast, @RutujaBadbe. Der Fehler ReferenceError: $ ist nicht definiert tritt auf, wenn Canvas versucht, auf Eigenschaften zuzugreifen, bevor der Komponentenlebenszyklus vollständig initialisiert ist. Dies ist eine...
Version: 0.16.44 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [x] Nein Was ist das erwartete Verhalten? Wirklich alles andere. Beschreibe den Bug detailliert Ich habe versucht, Skripte in die Leinwand zu laden. Mein erster Versuch war 'Skripte: []' und dann stieß ich auf das Synchronisationsproblem, das in...
KernelDeimos
Ich habe <script>schon eine Weile keine Inline-Tags mehr verwendet und diesen Vorbehalt des HTML-Parsers vergessen. Ich schließe das hier.
GJSBlock
Danke, dass du das gemeldet hast, @KernelDeimos. Das Problem mit Versuchen, Skripte auf Canvas zu laden, könnte JavaScript brechen?? scheint ein Rennbedingungs- oder State-Management-Zeitproblem zu sein. Dies passiert typischerweise, wenn...
Hallo Leute, statt so im Init zu stylen... Es ist möglich, eine SCSS-Datei in Canvas zu verwenden? Leinwand { style:['FILE. SCSS'] } Oder einfach sauberer machen mit einem einzigen Init CSS? Danke! ' myComponent.append(<style> Körper { Hintergrund: RGB(204.204.204); } .footer { Position: absolut; Boden: 5 mm; Breite:...
artf
Du kannst canvasCSS-Option verwenden, wenn du keine Dateien verwenden möchtest.
devtechk
Vielen Dank! Diese Konfigurationsdatei wird mir sehr helfen!
GJSBlock
Danke, dass du das gemeldet hast, @devtechk. Tolle Frage zu Canvas Style CSS. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Mo...
Version: aktuell? Du kannst die Version bekommen, indem du 'grapesjs.version' in die Konsole eingibst Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [ x] Nein // um fair zu sein, nie in der Demo versucht Was ist das erwartete Verhalten? Beim Bearbeiten des Ebenentextes und dem Hinzufügen einer neuen Zeile und...
artf
Okay, ich werde eine Lösung für die Bearbeitung der Ebenennamen vorschlagen, wahrscheinlich macht es keinen Sinn, dort neue Zeilen zu aktivieren (ich werde das Bearbeiten auf Enter/Esc stoppen). Für das zweite Problem: Wenn du etwas von di...
Anatoli-DP
Ja, ich wusste erst danach, dass editor.refresh() existiert. Ansonsten danke. Tolles Projekt
GJSBlock
Danke, dass du das gemeldet hast, @anatoli-dp. Gute Frage zu Schichten, der Text zentriert nicht nach dem Erstellen einer neuen Zeile. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen S...
Version: v0.16.41 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [ ] Nein Was ist das erwartete Verhalten? Wenn wir einen Button mit der Eigenschaft data-gjs-draggable in false haben, sollte dieser Button nicht im Canvas gezogen werden. Beschreibe den Bug detailliert SchritteSetzen Sie eine Button-Komponente...
artf
Ich schätze, du machst etwas falsch, wie erstellst du diese Komponenten und ihre Eigenschaften? Du solltest diese Attribute nicht einmal im Inspektor sehen.
marcepoblet
@artf In unseren Codes haben wir nichts geändert. Der einzige Unterschied ist, dass wir die GrapesJs-Version aktualisieren. Früher hatte ich Version v0.16.18 und sie funktionierte korrekt, aber jetzt aktualisieren wir GrapesJs auf v0.16.41...
marcepoblet
Wir setzen die Eigenschaften mit Folgendem: editor.getSelected().attributes.attributes["data-gjs-editable"] = 'false' editor.getSelected().attributes.attributes["data-gjs-copyable"] = 'false' editor.getSelected().attributes.attributes["dat...