PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

GrapesJS-Probleme

3,464 parsed GitHub-Probleme — 370 gelöst · 90 ist geöffnet. Suchen, filtern und erkunden Sie bewährte Antworten.

220-Probleme gefunden

🔍 canvas
#34356. Mai 2021von anlumo1-Antwort
0-Reaktionen

Scrollable onStart/onEnd/updateTarget not Overridable

Version: 0.17.3 Kannst du den Fehler aus der Demo reproduzieren?[ ] Ja[X] Nein Was ist das erwartete Verhalten? Die Möglichkeit, onStart, onEnd und updateTarget im 'model.default.scrollable' einer Komponente zu überschreiben, wie in der Dokumentation beschrieben. Beschreibe den Bug detailliert Ich habe eine Komponente...

GJSBlock

Danke, dass du das gemeldet hast, @anlumo. Das Problem mit Scrollable onStart/onEnd/updateTarget nicht Overridable scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponent...

#341326. April 2021von theSC0RP4-Antworten
0-Reaktionen

Adding inline scripts and updating old events

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...

#340620. April 2021von vatte212-Antworten
0-Reaktionen

Wie erstellt man einen benutzerdefinierten Speichermanager: Er setzt keine gespeicherten Daten von Canvas ein, nachdem die Seite neu geladen wurde.

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...

#340520. April 2021von chrisijoyah4-Antworten
0-Reaktionen

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 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?

#33906. April 2021von christosapos2-Antworten
0-Reaktionen

Ändere das angekreuzte Merkmal der Checkbox-Komponente mit einem Klick-In-Komponenten.

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...

#33853. April 2021von pranay22102-Antworten
0-Reaktionen

How to use grapesjs with nuxtjs ?

Ich versuche, Grapesjs mit Nuxtjs Framework abzuschließen. Gibt es dafür Lösungen?

artf

Ich denke, es geht einfach darum, eine Vue-Komponente für GrapesJS zu erstellen und sie in einigen deiner Seiten zu verwenden

GJSBlock

Danke, dass du das gemeldet hast, @pranay2210. Gute Frage zu Wie verwendet man grapesjs mit nuxtjs ?. Der empfohlene Ansatz bei Canvas ist die eventgesteuerte API. Fang hier an: Überprüfe die GrapesJS Dokumentation für dein spezielles Modu...

#337431. März 2021von FacuCarbon2-Antworten
1-Reaktionen

Images and videos are not focused

Hallo, ich habe ein Problem, nämlich dass beim Hinzufügen eines Videos oder Bildes auf die Leinwand es nicht zentriert ist, sondern nach links. Mit Hilfe des Panels stelle ich die Ausrichtung ein, aber sie zentriert auch nicht. ! Bild

Ju99ernaut

Versuche, es in einen Behälter zu legen, du kannst es wahrscheinlich mit etwas wie Flexbox zentrieren.

GJSBlock

Danke, dass du das gemeldet hast, @FacuCarbon. Danke, dass du deinen Bericht über Bilder und Videos nicht fokussiert geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reproduz...

#334618. März 2021von xinnai4-Antworten
0-Reaktionen

Kann ich meinen eigenen Stylemanager entwickeln und die Immobilien bequem binden?

Ich möchte meinen eigenen Stylemanager mit einem UI-Framework wie Element-UI erstellen, um schnell eine schöne Benutzeroberfläche zu erstellen. Aber wie kann ich die Eigenschaften an eine ausgewählte Komponente binden? Ich habe keine API wie 'setProperties to an element...' gesehen. Kannst du dir helfen, wie das geht?...

RutujaBadbe

#2296 Das könnte dir helfen!

artf

Ich denke, so etwas sollte funktionieren, wenn du den Style Manager von Grund auf erstellen musst '''js let targetsToStyle = []; const eventToListen = 'component:toggled component:update:classes change:state change:device'; const sm = Edit...

xinnai

@artf Das ist genau das, was ich brauche! Vielen Dank!

#334517. März 2021von joshk1324-Antworten
0-Reaktionen

Panels und Knöpfe im Bereich "Starten funktioniert nicht mit Vue.js

Ich arbeite daran, grapejs mit Vue.js zum Laufen zu bringen, habe aber keinen Erfolg, ich folge dem Beginnen, aber ich bekomme es nicht richtig zum Laufen. Bisher habe ich es im mounted() -Bereich hinzugefügt und einige Buttons mit Blöcken angezeigt und hinzugefügt, allerdings hatte ich keinen Erfolg, den Panels and B...

uchoaaa

Schau dir dieses Problem an, vielleicht hilft es: https://github.com/artf/grapesjs/issues/275

artf

Hallo @joshk132 ehrlich gesagt sieht der Code gut aus, kannst du eine reproduzierbare Demo erstellen (zum Beispiel Codesandbox)?

joshk132

@artf habe ich es so zum Laufen gebracht, dass die Panels angezeigt werden, aber jetzt wird es nicht mehr richtig angezeigt. Die Lösung, die ich tun musste, war, den untenstehenden Code zu verwenden. Im Grunde musste ich "Editor" als Varia...

#334217. März 2021von RutujaBadbe2-Antworten
0-Reaktionen

JQuery not working for script in component

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...

Durchsuchen Sie alle Themen