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
#42477. April 2022von gustavohleal2-Antworten
0-Reaktionen

Komponenten, die beim Klonen, Verschieben oder Hinzufügen verschwinden/nicht gerendert werden

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom v96 Reproduzierbarer Demo-Link https://grapesjs.com/demo-mjml.html Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie eine einspaltige Komponente hinzuWählen Sie die Spalte ausKlicke auf die Kop...

artf

Entschuldigung, aber demo-mjml ist ein Plugin und nicht direkt mit dem Kern verbunden. Da ich keine Probleme mit dem Standard-Renderer von Komponenten sehe, die mit dem MJML-Renderer zusammenhängen könnten, habe ich keinen Grund, dieses Pr...

GJSBlock

Danke, dass du das gemeldet hast, @gustavohleal. Tolle Frage zu Komponenten, die beim Klonen, Verschieben oder Hinzufügen verschwinden/nicht gerendert werden. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten AP...

#420822. März 2022von ronaldohoch4-Antworten
2-Reaktionen

Style click state bug in every element

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Brave Last, getestet auf Chrome Last und Safari Last. Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Ich habe ein Video: https://www.loom.com/share/...

artf

Danke für den Bericht@ronaldohoch Das wird in der nächsten Version behoben.

ronaldohoch

@artf hat funktioniert! Danke 😊

ronaldohoch

@artf ich es nicht lokal durchführen konnte, weil mehrere Tests nicht bestanden haben, ist das bei dir auch so? Kann ich versuchen, sie zu reparieren? z. B.: ! Bild

#419615. März 2022von shelendravashishtha24-Antworten
0-Reaktionen

Ids wird geändert, wenn man versucht, Komponenten auf der Canvas mit JSON einzustellen.

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link Keine Verbindung Beschreibe den Käfer Wie reproduziert man den Bug?... Verwenden Sie ein Demo-JSON, das eine Komponente auf der Leinwand erzeugen kann, setzen Sie eine ID in d...

artf

Hallo @shelendravashishtha2 kannst du bitte die genauen Schritte angeben (ich muss wissen, auf welches 'json' du dich beziehst)?

JonathanRiche

Ich habe gesehen, dass das passiert, wenn man keine Referenz auf das CSS speichert, bevor man die Methode editor.setComponents() verwendet Das gesamte CSS-Markeup aus dem Elements-ID-Selektor/Referenz wird entfernt, wenn die Methode editor...

JonathanRiche

Ich glaube, ich habe das Problem auf meiner Seite mit editor.getComponents().toJSON() gefunden; fügt ein leeres "style":""-Feld zu einigen Komponenten hinzu, was dort CSS löscht ie "Komponenten": [ { "Typ": "Box", "Stil": "", "Attribute":...

#419211. März 2022von drashtibpatel2-Antworten
0-Reaktionen

Drag boundary issue with dragMode: absolute/translate

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome, Firefox Reproduzierbarer Demo-Link https://jsfiddle.net/drashti/9xk5ph8j/1/ Beschreibe den Käfer Ich benutze den Grape JS Builder für meinen Kunden, um den Builder und die Vorlagen einzurichten. Dafür...

artf

Nein, im Moment ist das nicht möglich. Der DragMode ist keine wirklich öffentliche und dokumentierte Funktion, daher sammle ich hier alle Probleme und Features zur Unterstützung: https://github.com/artf/grapesjs/issues/3770#issuecomment-94...

GJSBlock

Danke, dass du das gemeldet hast, @drashtibpatel. Das Problem mit Drag-Boundary-Problem mit dragMode: absolute/translatee scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Ko...

#41889. März 2022von levinhtin1-Antwort
0-Reaktionen

SVG <linearGradient> tag become <lineargradient> in canvas

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Microsoft Edge Version 99.0.1150.30 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Ich habe einen benutzerdefinierten Block mit SVG erstellt, z.B.:W...

GJSBlock

Danke, dass du das gemeldet hast, @levinhtin. Tolle Frage zum <linearGradient>SVG-Tag, das <lineargradient> in Canvas aufgenommen wird. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überp...

#41753. März 2022von sandeepyerkala2-Antworten
0-Reaktionen

Offset lines are missing when reload frame

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 99.0.4844.51 Reproduzierbarer Demo-Link https://jsfiddle.net/rakam/5o8te64y/19/ Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie einige Komponenten hinzu.Nach dem Hinzufügen laden Sie das Bil...

artf

Tut mir leid, aber ich sehe im Moment keinen Sinn, den nativen Reload des iFrame zu unterstützen oder zu reparieren.

GJSBlock

Danke, dass du das gemeldet hast, @sandeepyerkala. Gute Frage zu Versatzlinien fehlen beim Nachladen des Rahmens. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokum...

#415724. Februar 2022von Adham3803-Antworten
0-Reaktionen

Das Anpassen der Größe der Leinwand führt dazu, dass Komponenten nach dem Export mit d-Modus "absolut" falsche Positionen bekommen

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Microsoft Edge 98.0.1108.56 Reproduzierbarer Demo-Link https://jsfiddle.net/473b2tah/1/ Beschreibe den Käfer Die Canvas-Größenänderung ist cool, berücksichtigt aber nicht, dass man möglicherweise mit Px-Offset...

Adham380

Ich habe irgendwie einen Workaround gefunden... Setze den .gjs-frame-wrapper in CSS auf die gewünschte Breite und transformiere: translate (- x px, 0px) für den iframe in CSS. Die Leinwand hat dann nicht die richtige Breite (etwas kleiner)...

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

GJSBlock

Danke, dass du das gemeldet hast, @Adham380. Das Problem mit Größenanpassung der Leinwand führt dazu, dass Komponenten nach dem Export mit d-Modus 'absolut' falsche Positionen bekommen, scheint ein Rennbedingungs- oder Zustandsmanagement-T...

#413812. Februar 2022von yadavAtIrisdame4-Antworten
0-Reaktionen

Unexpected behavior in style manager

GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Version 1.35.101 Chromium: 98.0.4758.87 (Offizielle Version) (64-Bit) ! PolsterungReproduzierbarer Demo-Link https://codesandbox.io/s/strange-sun-qgdcq?file=/index.jsBeschreibe den Käfer Wie reproduziert man den...

artf

Danke für den Bericht @yadavAtIrisdame aber ich kann es weder aus deiner Demo noch von der offiziellen reproduzieren. Können Sie die genauen Schritte beschreiben?

yadavAtIrisdame

@artf Ich kann diesen Fehler nicht reproduzieren. in den meisten Fällen funktioniert The Style Manager wie erwartet. Aber plötzlich fangen sie an, sich so zu verhalten (wie im Bild zu sehen). Insbesondere Margen- und Polstereigenschaften....

artf

Tut mir leid, aber leider kann ich ohne die richtige reproduzierbare Demo nicht viel machen. Ich repariere es gerne, wenn jemand die reproduzierbaren Schritte bereitstellen kann.

#41275. Februar 2022von jcsofts1-Antwort
0-Reaktionen

GrapesJS-Version

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 97.0.4692.99 (Offizielle Version) (x86_64) Reproduzierbarer Demo-Link Nein Beschreibe den Käfer Wie reproduziert man den Bug?...... Was ist das erwartete Verhalten? ... Wie ist das aktuelle Verh...

GJSBlock

Danke, dass du das gemeldet hast, @jcsofts. Tolle Frage zu *. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche nach d...

#41161. Februar 2022von saudAtIrisdame4-Antworten
0-Reaktionen

Flex Property not working in style manager

GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 1.34.81 Chromium: 97.0.4692.99 (Offizieller Build) (64-Bit) Reproduzierbarer Demo-Link https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js Beschreibe den Käfer ! Flex-Immobilie Wie reproduziert m...

Vac1911

Ich habe das Problem diagnostiziert, nachdem ich das gleiche Problem unabhängig gefunden hatte. Ich schaue mir 'StyleManager.select()' an https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/style_manager/inde...

saudAtIrisdame

@Vac1911 @artf Ich habe es verstanden, aber was ist die Lösung, wie kann ich dieses Problem beheben? Ist das das GrapeJS Problem oder meins?

Vac1911

@saudAtIrisdame Es scheint ein Grapejs-Problem zu sein. Ich habe es für mich selbst behoben, indem ich den Quellcode geändert und die 'Select'-Methode neu sortiert habe, um zuletzt die Sichtbarkeit zu prüfen. Hier ist die Mist-Datei nach d...

Durchsuchen Sie alle Themen