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.

466-Probleme gefunden

🔍 components
#52743. August 2023von wunksert4-Antworten
1-Reaktionen

Parser bug inside Remix

GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? Chrome v114 Reproduzierbarer Demo-Link https://github.com/wunksert/remix-grapes-error/tree/main Beschreibe den Käfer Wie reproduziert man den Bug? Klon-Repository obennpm INPM Run Dev Sie werden sehen, dass das grapes ifra...

artf

@wunksert es so scheint, als würde der Editor mehrmals auf sich selbst initialisieren, löschst du die Editor-Instanz mit Destroy richtig (z. B. in deinem useEffect)?

wunksert

Es könnte sich herausstellen, dass eine Lösung dafür eher durch meine Bearbeitung von Struktur- oder Namenskonventionen in meinem Projekt gelöst wird. Ich mache das gerne, wenn es schneller ist als etwas im GrapesJS-Core zu ändern.

artf

Ja, das hat definitiv nichts mit dem Kern zu tun

#52682. August 2023von SLain1233-Antworten
0-Reaktionen

Autoplay für YouTube oder Vimeo funktioniert nicht

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v115 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Videokomponent per Drag & Drop auf die Leinwand.Wähle YouTube oder Vimeo und füge eine Vi...

SLain123

Ich kann den Bug selbst beheben, aber ich kann meinen Branch mit Fix nicht ins Repo verschieben. Es scheint, als hätte ich keine Berechtigung, um einen neuen Branch zu pushen oder zu erstellen.

artf

@SLain123 du musst eine PR aus deinem Fork erstellen https://stackoverflow.com/questions/38918942/pull-request-from-a-different-repository

GJS Helper

Das Problem, das du mit YouTube und Vimeo-Autoplay hast, die in GrapesJS nicht funktionieren, ist kein Fehler in GrapesJS selbst, sondern eine Folge moderner Browser-Autoplay-Richtlinien. Browser wie Chrome, Firefox und Safari haben streng...

#526328. Juli 2023von pittleCheung4-Antworten
3-Reaktionen

Wenn man eine Komponente löscht, ohne den entsprechenden Stil zu löschen, führt das spätere Hinzufügen neuer Komponenten zu Stilkonflikten?

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Reproduzierbarer Demo-Link null Beschreibe den Käfer Wie reproduziert man den Bug? <img width="1666" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/114127651/c37e339a-e...

pittleCheung

Ja, du hast recht, ich kopiere alle abgestimmten Stile, also kann ich überall einfügen, sogar browserübergreifend einfügen, das finde ich extrem nützlich. Wenn ich eine Komponente lösche, werden die entsprechenden Stile nicht entfernt. Das...

pittleCheung

Es ist immer noch ein Problem

artf

Ich sehe nicht, wie das ein Kernfehler sein soll. Du verwendest deine eigene Copy/Paste-Logik und sie scheint nicht einmal korrekt zu sein, du solltest dich um die einzigartigen IDs jeder Komponente/Regel kümmern.Nach dem Löschen dieser Ki...

#524516. Juli 2023von riteshdalal4-Antworten
0-Reaktionen

Inhalte der Komponente mit editable:false sind weiterhin bearbeitbar

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 114.0.5735.198 Reproduzierbarer Demo-Link https://jsfiddle.net/riteshdalal/obnx7sg3/22/ Beschreibe den Käfer Wie reproduziert man den Bug?Erstelle eine Komponente mit editable:false im ModellLege die Ko...

artf

Die Eigenschaft 'editable' hat standardmäßig keine Bedeutung und wird nur intern von anderen erweiterten Komponenten wie 'Text' oder 'Image' verwendet.

riteshdalal

@artf Wie erstellen wir eine Komponente, bei der GJS die Kinder nicht analysiert?

riteshdalal

Die Eigenschaft 'editable' hat standardmäßig keine Bedeutung und wird nur intern von anderen erweiterten Komponenten wie 'Text' oder 'Image' verwendet. Das funktionierte früher bei älteren GJS-Versionen. Er hat einfach in 0.21.3 aufgehört...

#524114. Juli 2023von hanzuken2-Antworten
0-Reaktionen

Die absolute Position des Elements unterscheidet sich von der Cursorposition, wenn man sich in der gezoomten Leinwand bewegt

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome-Version 114.0.5735.199 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Aktiviere den absoluten Widerstandsmodus...

artf

Probleme im Zusammenhang mit dem Absolute-Modus werden hier https://github.com/GrapesJS/grapesjs/issues/3770 verfolgt.

GJS Helper

Du hast ein häufiges Problem in GrapesJS in Bezug auf absolute Positionierung und Canvas-Zoom genau identifiziert. Dies ist tatsächlich ein Fehler, bei dem die Delta-Berechnung der Drag-Operation den aktuellen Zoomlevel der Leinwand nicht...

#523611. Juli 2023von joukhar2-Antworten
0-Reaktionen

Textnode mit Inhalt "null" wird als "null" dargestellt, nicht als Weißraum

GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 114.0.5735.199 (Offizielle Version) (64-Bit)Reproduzierbarer Demo-Link N/ABeschreibe den Käfer Es tut mir leid, dass ich das Thema wieder aufgeworfen habe, aber deine Commits funktionieren nicht I...

artf

@joukhar 'npm install GrapesJS/grapesjs#dev' reicht nicht aus, ich habe den Build noch nicht im Dev-Branch erstellt, also wenn du den Fix lokal haben willst, musst du ihn zuerst selbst bauen. Jedenfalls ist es nicht nötig, ein neues Proble...

GJS Helper

Vielen Dank, dass Sie dieses Problem gemeldet und detaillierte Einblicke in die relevanten Codeabschnitte gegeben haben. Sie haben die Ursache des Problems korrekt identifiziert. Ursachenanalyse: Das Problem rührt daher, wie JavaScripts Ei...

#523211. Juli 2023von bgrand-ch4-Antworten
5-Reaktionen

Arbeiter – Kopfloser "Dokument ist nicht definiert"

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 114.0.5735.133 Reproduzierbarer Demo-Link Es ist unmöglich, einen Arbeiter zur Nachbildung hinzuzufügen. Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie einen Webarbeiter hinzu.Initialisieren Sie G...

artf

Hallo @bgrand-ch, leider erfordert alles, was den Parser (HTML/CSS) betrifft, die DOM-bezogene API zur Verfügung. Für das CSS könntest du vielleicht versuchen, parser-postcss plugin zu verwenden, ich würde erwarten, dass es in der Worker-U...

bgrand-ch

Hallo @artf, vielen Dank für deine schnelle Antwort, 😄 ich werde es diese Woche versuchen.

bgrand-ch

@artf Das Post-CSS-Parser-Plugin funktioniert einwandfrei in einem Webworker! Danke für deine Hilfe.

#522910. Juli 2023von joukhar4-Antworten
1-Reaktionen

Textnode mit Inhalt "null" wird als "null" dargestellt, nicht als Weißraum

GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 114.0.5735.199 (Offizielle Version) (64-Bit)Reproduzierbarer Demo-Link N/ABeschreibe den Käfer Wie reproduziert man den Bug?Lass diese Komponente fallen '<Div Class=\"Flex Items-Center Rounded Sha...

artf

Wahrscheinlich in der ersten Augustwoche

artf

Hallo, @joukhar passiert das mit der neuesten Version? Ich kann 'null's im Exportcode sehen, wenn ich dein exaktes JSON-Beispiel benutze (das sollte reparierbar sein), aber ich kann diese 'Textnode's mit 'null' nicht mit deinem HTML-Beispi...

joukhar

Danke für die Wiederholung, falls du eine Demo brauchst, gib mir bitte etwas Zeit, bis ich eine mache, ich kommentiere nochmal, wenn ich fertig bin Das Problem tritt nur auf, wenn du es speicherst und lädst, aber beim ersten Fallen des Bau...

#52112. Juli 2023von Zafermushtaha973-Antworten
1-Reaktionen

Bug

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? v9.2 Reproduzierbarer Demo-Link https://jsfiddle.net/szLp8h4n Beschreibe den Käfer Ich benutze es im Vue3-Projekt Wenn ich neue Komponenten hinzufügen möchte, hängt die Seite und antwortet nicht Das ist mein C...

gxanshu

Hallo! 😊 Ich glaube nicht, dass das ein Bug bei GrapesJS ist. Ich habe deinen Reproduktionslink überprüft und versucht, eine Komponente zur Leinwand hinzuzufügen, und bei mir funktionierte es einwandfrei ohne Probleme. 👍

artf

Man muss die Proxy-Beobachter von Vue umgehen https://github.com/GrapesJS/grapesjs/issues/4497#issuecomment-1213078160

GJS Helper

Das Problem, auf das Sie stoßen, bei dem die Seite beim programmatischen Hinzufügen neuer Komponenten hängen bleibt, resultiert aus einem falschen Ansatz zur Komponentenerstellung und -anbindung innerhalb von GrapesJS. Im Grunde versuchst...

#520728. Juni 2023von gxanshu3-Antworten
1-Reaktionen

Duplizierte CSS während der Erstellung mehrerer Seiten

GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? Neueste Chrome-Meldung Reproduzierbarer Demo-Link https://codesandbox.io/s/withered-bush-wv29dx?file=/index.js Beschreibe den Käfer Wie reproduziert man den Bug? ... Mehrere Seiten in grapesjs.initerstellen ()... Überprüfe...

artf

Das ist beabsichtigt und ich habe nicht vor, dieses Verhalten zu ändern, da man leicht spezifische CSS-Selektoren erstellen kann, wenn man pro Seite unterschiedliche Stile benötigt. Der große Vorteil dieses Ansatzes ist, dass Selektoren se...

hasan-aa

Ich glaube, ich habe ein Problem mit diesem Ansatz. Ich speichere die Seiten auf dem Server so: '''JS const component = page.getMainComponent(); const css = editor.getCss({ component, avoidProtected: true }) saveToBackendApi(component,css)...

GJS Helper

Das Problem, das Sie mit dupliziertem CSS über mehrere Seiten in GrapesJS haben, ist ein häufiger Verwirrungspunkt darüber, wie GrapesJS Styles global innerhalb einer Editor-Instanz verwaltet. Standardmäßig akkumuliert GrapesJS's CssCompos...

Durchsuchen Sie alle Themen