GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 103.0.5060.114 Reproduzierbarer Demo-Link https://codepen.io/Dominic_M/pen/eYMgqyw Beschreibe den Käfer Wie reproduziert man den Bug?Folgen Sie GrapesJS "Getting Started" >> https://grapesjs.com...
artf
@mickeyDominic du alle Standardpanels unter dasselbe Objekt platzierst '''js Panels: { Standardeinstellungen: [{ id: 'Schichten', EL: '.panelright', // ... id: 'Panel-Switcher', EL: '.panelswitcher', }] }
mickeyDominic
Danke @artf. Dumm von mir:)
GJSBlock
Danke, dass du das gemeldet hast, @mickeyDominic. Tolle Frage zu 'Panel-Geräten' und 'Panel-Switcher' Widersprüchen. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die Grapes...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 102.0.5005.61 Reproduzierbarer Demo-Link https://jsfiddle.net/tLvwfhu3/ Beschreibe den Käfer Beginnen Sie mit der Demo-Fiddle und legen Sie einen Textblock auf die schmale Leinwand. Eine Warnung ersche...
artf
Ja, ich würde sagen, es ist definitiv verwirrend (Breite und Höhe beziehen sich auf die Leinwand, oben und links auf den Rahmen), aber jede direkte Änderung dieser Funktionen zerstört einige Funktionen an anderen Stellen, da diese um diese...
GJSBlock
Danke, dass du das gemeldet hast, @contentfree. Das Problem mit CanvasView.getPosition gibt im Designer-Modus mit einem schmalen Gerät seltsame Werte zurück, scheint ein Rennbedingungs- oder Zustandsmanagement-Timing-Problem zu sein. Dies...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Google Chrome Version 101.0.4951.41 (Offizielle Version) (64-Bit)Reproduzierbarer Demo-Link https://jsfiddle.net/Laze0pyg/Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie 2k Komponenten mit dem untens...
GedMarc
aber.... Füge 2000 Dom-Elemente mit irgendeinem Grund-Styling zu einer Seite hinzu, und du bekommst Lag? Das ist vielleicht nicht das Werkzeug, sondern wie wird es verwendet? Überprüfe außerdem die Rendergeschwindigkeit deines Browsers im...
artf
Mit der neuesten Version, die das Refactor des Sorters von @mohamedsalem401 enthält, scheint die vorherige Demo jetzt 🥳 einwandfrei zu funktionieren
Vizardkill
https://github.com/GrapesJS/grapesjs/assets/37307788/2d653d49-1a57-458c-bc8c-4833c8c7a690 I have the same problem, and I don't think it is due to the size, I am using the pageManager and I preload an html template and trying to drag new el...
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":...
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...
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)...
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...
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...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v96Reproduzierbarer Demo-Link https://jsfiddle.net/809enL2w/1/Beschreibe den Käfer Ich benutze domComponents: { draggableComponents: false }, um das Ziehen von Komponenten zu vermeiden, nur wenn man mit d...
artf
Ja, es scheint, als würde das native HTML5 D&D mit Textauswahl noch funktionieren, ich werde versuchen, es zu beheben.
GJSBlock
Danke, dass du das gemeldet hast, @jloguercio. Das Problem mit "Using draggableComponents: false" zieht (klont?) immer noch einige Elemente, wenn ich Text bearbeiten möchte, scheint ein Rennbedingungs- oder Zustandsmanagement-Timing-Proble...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v96Reproduzierbarer Demo-Link Kein DemoBeschreibe den Käfer Wie reproduziert man den Bug?Mehr als 1000 Blöcke zum Blockmanager hinzufügen, in meinem Fall 7.864 großartige Schriftsymbole.Versuche, einen be...
artf
Für deinen Fall würde ich vorschlagen, einen benutzerdefinierten Blockmanager zu erstellen, in dem du die Benutzeroberfläche für deine Blöcke nach Belieben anpassen kannst (z. B. Suche, DOM-Virtualisierung usw.).
GJSBlock
Danke, dass du das gemeldet hast, @jloguercio. Gute Frage zur Performance von Blöcken auf Canvas ziehen, wenn du 1000+ benutzerdefinierte Blöcke hast. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v96.0.4664.45 Reproduzierbarer Demo-Link https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Beschreibe den Käfer Wie reproduziert man den Bug?Zieh einfach da...
jkntar
Ich bin auch auf dieses Problem gestoßen. Es schien immer zu passieren, wenn ich anfing, das Mediensymbol eines Blocks statt des Blocktexts oder Blockcontainers zu ziehen. Es scheint, dass das Problem durch das Hinzufügen von 'Pointer-even...
Markovic-Nikola
'Pointer-Events: keine;' funktioniert bei mir nicht, ich muss buchstäblich den ganzen Browser neu starten, damit er wieder normal funktioniert.
Luasenvy
'Pointer-Events: keine' bei mir nicht funktioniert, muss ich buchstäblich den ganzen Browser neu starten, damit er wieder normal funktioniert. @markovic-Nikola: Das ist WIRKLICH WICHTIG. SUPER, DANKE. :D