GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 103.0.5060.134Reproduzierbarer Demo-Link https://stackblitz.com/edit/node-zrdtg4?file=index.jsBeschreibe den Käfer Wie reproduziert man den Bug?Editor im headless-Modus initialisierenLaden Sie die Projekt...
skru
siehe #4473
artf
Hier behoben https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6
GJSBlock
Danke, dass du das gemeldet hast, @bimsina. Gute Frage zum Laufen im headless-Modus erfordert Fenster. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentat...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome neueste VersionReproduzierbarer Demo-Link Im Moment keineBeschreibe den Käfer Wie reproduziert man den Bug?einen Seitenmanager mit Funktionen aus der Seiten-API erstellenTesten Sie die Select-Funktion (we...
bovealexandre
Die Add-Funktion ist behoben, es gab einen Fehler mit den von mir gesendeten Daten, aber ich verstehe immer noch nicht, warum Tailwind CSS nicht angewendet wird, obwohl es in den Head-Tags ist
artf
Benutzt du die Option 'config.canvas.styles'? https://github.com/artf/grapesjs/blob/b657428b3efc343513f6c92eb6b418935d2a8ac9/src/canvas/config/config.js#L14-L22 Kannst du eine reproduzierbare Demo deines Anwendungsfalls erstellen?
bovealexandre
Hallo @artf leider kann ich keine reproduzierbare Demo auf CodePen oder JSFiddle erstellen, weil es viel zu viele Inhalte gibt und ich Technologien wie nextJS benutze, aber ich kann dir Zugriff auf das Repository geben, falls du es brauchs...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 103.0.5060.66 (Offizieller Build) (64-Bit) (Kohorte: Stabil) Reproduzierbarer Demo-Link https://codesandbox.io/s/cranky-morning-fh5diz?file=/index.js Beschreibe den Käfer Wie reproduziert man den Bug?Das benut...
artf
Ich bin mir nicht ganz sicher, was genau passiert, aber ich würde vorschlagen, zum Ereignis 'styleable:change' zu wechseln und die Optionen auf 'setStyle' zu übergeben, z.B. '''js editor.on("Styleable:change", (model, prop, opts) => { let...
GJSBlock
Danke, dass du das gemeldet hast, @booellean. Gute Frage zu Undo Manager erstellt während eines benutzerdefinierten Befehls doppeltes CSS. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Üb...
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 verwenden Welchen Browser benutzt du? Chrome Version 102.0.5005.61 Reproduzierbarer Demo-Link https://jsfiddle.net/tuongnguyendev/25kcypuj/ Beschreibe den Käfer Wie reproduziert man den Bug?Thow eine Säule auf Leinwand.Wählen Sie den Hintergrund d...
tuongnguyendev
Hallo @artf Neuer Bug von #4350 aktualisiert Danke.
GJSBlock
Danke, dass du das gemeldet hast, @tuongnguyendev. Gute Frage zu Hintergrundbildvorschau zeigt Fehlerlink. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentatio...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Brave Browser V1.39.111 Reproduzierbarer Demo-Link https://jsfiddle.net/e7oau8v6/ Beschreibe den Käfer Wie reproduziert man den Bug?Thow eine Säule auf Leinwand. ! BildWählen Sie die Textkomponente ausGehe zum...
artf
Hallo, @ronaldohoch das Problem liegt hier bei deinem benutzerdefinierten Hintergrundtyp, und die Art, wie du ihn hinzufügst, ist nicht korrekt (korrekte Nutzung der API). Das 'addType' dient hauptsächlich dazu, neue UI-Eingaben hinzuzufüg...
tuongnguyendev
Hallo @artf, ich habe ein Problem, das dem @ronaldohoch sehr ähnlich ist, wenn ich die neueste Version von GrapesJS benutze. Hintergrundbildvorschau Fehlerlink anzeigen Details sind auf dem untenstehenden Bild zu sehen: ! Screenshot 2022-0...
GJSBlock
Danke, dass du das gemeldet hast, @ronaldohoch. Gute Frage zum Style Manager: Der Hintergrund wird nicht aktualisiert, wenn die Komponente ausgewählt ist. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API....
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 verwendenWelchen Browser benutzt du? Chrome v98.0.4758.80Reproduzierbarer Demo-Link https://jsfiddle.net/am1rb/3uzkn5t7/8/Beschreibe den Käfer Wie reproduziert man den Bug?Eine einfache Komponente auf der Leinwand darstellenSetze draggable=false pr...
artf
Ja, die Symbolleiste ist nicht wirklich dynamisch, also musst du, wenn du sie neu berechnen musst, manuell erzwingen musst '''js model.set({ draggable: false, Werkzeugleiste: null }) model.initToolbar(); ```
GJSBlock
Danke, dass du das gemeldet hast, @am1rb. Gute Frage zu Der anfängliche Symbolleisten-Move-Button wird nicht entfernt, wenn man den dragbaren Prop programmatisch auf false setzt. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereigni...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 100 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Ich benutze externZiehe einen Bildblock auf die LeinwandWählen Sie ein Bild aus dem benutz...
m-jojo-s
Entweder verwenden Sie selected.set('src', doc.url) oder aktivieren unsichere HTML-Attribute Siehe #4148
artf
Ja, ich würde sagen, du solltest einfach auf 'selected.set('src', doc.url)' wechseln, wie bereits vorgeschlagen.
GJSBlock
Danke, dass du das gemeldet hast, @iamqinglong. Gute Frage, ob sich Image src im exportierten HTML nicht ändert. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-D...
GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? VSCode (WebView innerhalb der VSCode-Erweiterung) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Erstelle eine neue vscode-Erweiterung (oder nutze eine, die du...
artf
Hallo @protozoo ich weiß nicht genau warum, aber es sieht so aus, als würde das vscode-iframe (wahrscheinlich im Sandbox) das native HTML5 Drag & Drop blockieren (das wird bei Blocks verwendet). Da dies nicht strikt mit dem Kern zusammenhä...
GJSBlock
Danke, dass du das gemeldet hast, @protozoo. Tolle Frage zu Block-Drag-and-Drop-Interaktion schlägt im vscode-Erweiterungs-Webview fehl. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Über...