Performance-Problem beim Ziehen der Komponente auf die Canvas, wenn man 2K-Komponente auf der Canvas hat
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 Verhältnis zu deinem PC – http://speed-battle.com/speedtest_e.php https://www.we...
Lesen Sie die vollständige Antwort unten ↓Frage
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 untenstehenden Skript hinzu.'for(let i = 0; i<2000;i++) editor.addComponents('<div>ABC</div>');'Versuche, Text Block auf die Leinwand zu ziehen. Was ist das erwartete Verhalten? Es sollte keine Verzögerung geben. Wie ist das aktuelle Verhalten? Der grüne Linien-Platzhalter hinkt JS Fid...
Antworten (4)
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 Verhältnis zu deinem PC – http://speed-battle.com/speedtest_...
Mit der neuesten Version, die das Refactor des Sorters von @mohamedsalem401 enthält, scheint die vorherige Demo jetzt 🥳 einwandfrei zu funktionieren
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 elements to the canvas it happens that the canvas only inserts...
Danke, dass du das gemeldet hast, @mohdSuhailCoditation. Gute Frage zum Performance-Problem beim Ziehen von Komponenten auf Canvas, wenn du 2K-Komponente auf Canvas hast. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokument...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #3861
JS-Fehler beim Drücken der "s"- oder "w"-Taste – Kann keine undefinierten Eigenschaften lesen (liest 'indexOf')
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 94.0.4606.81 (...
Problem #6143
BUG/[FRAGE]: Wie wickelt man eine Komponente korrekt beim Add/Mount?
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v128 Reproduzierbarer...
Problem #6096
Größenvergrößerbare Box verschwindet bei der Neuauswahl der Komponenten
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #5990
Wenn du eine Komponente löschst, werden doppelte Klassen zwischen Komponenten gelöscht.
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 126.0.6478.127(Windows...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.