GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 129 Reproduzierbarer Demo-Link https://grapesjs.com/demo Beschreibe den Käfer const newEditor = grapesjs.init({ fromElement: true, // Komponenten aus HTML erlauben Behälter: "#editor", Leinwand: { Skripte: [ "...
artf
@klipto-inc bitte erstelle den Fehlerbericht mit einer richtig reproduzierbaren Live-Demo
GJS Helper
Das Problem, auf das du Preline.js stößt, dass es auf der GrapesJS Canvas nicht funktioniert, obwohl es über canvas.scriptsenthalten ist, ist ein häufiges Timing-Problem bei UI-Bibliotheken, die auf DOMContentLoaded für die Initialisierung...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v128 Reproduzierbarer Demo-Link https://jsfiddle.net/fjyk6n4a/2/ Beschreibe den Käfer Hallo @artf, Ich versuche gerade, eine Komponente in eine Sektion zu wickeln, falls sie noch nicht gewickelt wurde....
jasonvijayy
Hallo @artf, Reproduzierbare Link Ich habe auch einen Absturz, wenn ich 'component.replaceWith()' zusammen mit UndoManager benutze. Das passiert nur, wenn 'replaceWith()' während der Editor-Lebenszyklusereignisse ausgelöst wird (z. B. 'änd...
GJS Helper
Das Problem, mit dem UndoManager-Stack, der nach dem Wrapping einer Komponente mit 'component.replaceWith' im Ereignis 'component:mount' inkonsistent wird, ist eine häufige Herausforderung, wenn man den Zustand des Editors so ändert, dass...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/kanaihyakumar/oedg76nt/ Beschreibe den Käfer Beschreibung Wenn man eine beliebige Komponente auf der Leinwand auswählt, wird das untere Größenfach gemäß d...
kanaihyakumar
Früher musste ich die Schritte zur Reproduktion des Problems klarer machen. Hier sind die verfeinerten Schritte zur Erstellung des Problems. Schritte zur Reproduktion des Problems:Klicken Sie direkt auf den Abschnitt.Beobachten Sie die ang...
kanaihyakumar
Glaub mir, ich hatte Glück, dass dieses tragische Verhalten, verschiedene Stellen im Bereich zu klicken, sich verhielt, aber anders war.
artf
Ich sehe nicht, dass es verschwindet, wenn man nicht klickt, aber das ist zu erwarten, da es zum Ziehen bereit ist.
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Edge v128Reproduzierbare Demo-Linkshttps://codesandbox.io/p/devbox/github/jdkcoder/cv-builderhttps://stackblitz.com/github/jdkcoder/cv-builderBeschreibe den Käfer Ich benutze GrapesJS im Projekt Nuxt.js 3, der F...
artf
Du kannst das Entfernen der Komponenten ('instance.value.Components.clear()') überspringen, da du den Editor sowieso zerstörst '''js wenn (bestätigen ('Bist du sicher, dass du die Leinwand räumen willst?')) { localStorage.clear() reRender(...
WilliamDASILVA
@jdkcoder Wenn wir die reRender Funktion kommentieren, haben wir das Problem nicht mehr. Der lastComponent Fehler entsteht dadurch, dass der this.get('selected') im Editor irgendwann undefiniert ist. Und wenn man den Debugger überprüft, wi...
GJS Helper
Es sieht so aus, als würdest du in deinem GrapesJS Nuxt.js 3-Projekt auf zwei unterschiedliche Probleme stoßen. Lassen Sie uns sie aufschlüsseln und Lösungen anbieten. Problem 1: 'Kann die Eigenschaften von undefined (lese 'lastComponent')...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? v126 Reproduzierbarer Demo-Link https://jsfiddle.net/r5062suy/1/ Beschreibe den Käfer Wie reproduziert man den Bug?Führe den Demo-Link aus (https://jsfiddle.net/r5062suy/1/)Ich versuche, den Text im Div von "H...
danstarns
Versuche, die '.getEl'-Methode auf der Komponente zu verwenden und dann das Element direkt zu setzen. '''js const editor = grapesjs.init({ Container: '#gjs', fromElement: 1, Größe: '100%', storageManager: { type: 0 }, Plugins: ['GJS-blocks...
mannyyang
'''jsconst component = editor.getWrapper().find('.test-text')[0]const el = component.getEl();el.textContent = "test"
artf
@mannyyang wo hast du die Verwendung von 'set('content', ...' gefunden? Es ist eher Privateigentum und man sollte es niemals benutzen. Um innere Komponenten programmatisch zu aktualisieren, verwenden Sie 'component.components('test')'
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? MS Edge 126.0.2592.87 (Offizielle Version) (arm64) Reproduzierbarer Demo-Link n/a Beschreibe den Käfer Wie reproduziert man den Bug?... Mit den Versionen 0.21.11 oder 0.21.12 von grapesjs erstellen Sie ein meh...
GJS Helper
Es scheint, dass Sie in den GrapesJS-Versionen 0.21.11 und 0.21.12 eine bekannte Regression im Zusammenhang mit dem Verhalten des Layer Managers in mehrseitigen Projekten festgestellt haben. Das Problem tritt auf, wenn man zu einer zuvor g...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 126.0.6478.127(Windows) Reproduzierbarer Demo-Link https://jsfiddle.net/t06s4oLb/8/ Beschreibe den Käfer Wie reproduziert man den Bug?Abschnitt 1 zur Leinwand hinzufügenAbschnitt 2 unter Abschnitt 1 zum...
artf
Du solltest es vermeiden, gemeinsame Stile in komponentenbezogene Stile einzubauen. Schau dir diese Diskussion an, wie du das verhindern kannst: https://github.com/GrapesJS/grapesjs/discussions/5968
ihatov08
Als temporäre Lösung werden Styles für jede Komponente mit id vorangestellt. '''js importieren { html als hero1html, css als hero1css } aus './data/hero-1'; importieren { html als content1html, css als content1css } aus './data/content-1';...
ihatov08
@artf Danke für deine Antwort. Ich möchte #5968 bestätigen
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 126.0.6478.127(Windows) Reproduzierbarer Demo-Link https://jsfiddle.net/vbu18q5f/2/ Beschreibe den Käfer Wie reproduziert man den Bug?Kann auf der Leinwand nicht ausgewählt werden, wenn Tags verschachte...
ihatov08
@artf Entschuldigung, Frameworks lösen nicht alles, wie du sagst. Ich werde die Dokumentation ab jetzt richtig lesen. Danke für deine Antwort.
artf
Das ist kein Bug, sondern eher ein UX-Problem, das mit der allgemeinen Funktionsweise von HTML zusammenhängt, und genau deshalb bieten wir in der Symbolleiste auch den "Elternteil auswählen"-Button an. Erwarte nicht, dass das Framework all...
GJS Helper
Dies ist eine häufige Herausforderung in visuellen Editoren wie GrapesJS, wenn Elemente verschachtelt sind und sich visuell überschneiden oder ähnliche Dimensionen haben. Der Kern des Problems liegt darin, wie GrapesJS (und Browser im Allg...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Firefox 126.0.1Reproduzierbarer Demo-Link https://grapesjs.com/demo.htmlBeschreibe den Käfer Wie reproduziert man den Bug?Öffne deinen Firefox-Browser und gehe zum Demo-Link Was ist das erwartete Verhalten? Der...
nhan-nguyen-se
@MarceloBD Wie hast du es geschafft, das zu lösen? Ich habe dasselbe Problem.
GJS Helper
Es sieht so aus, als hättest du in GrapesJS einen intermittierenden Bug gehabt, der speziell das Laden und das Layer-Panel in Firefox betrifft. Das "TypeError: Modell ist undefiniert" beim Klicken auf das Ebenenmenü ist ein entscheidender...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? v125.0.6422.113 (Offizieller Build) (64-Bit) Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47 Beschreibe den Käfer Wie reproduziert man den Bug?Ziehe d...
artf
Man kann während der Bearbeitung nicht mit dem iframe interagieren, sonst ist es nicht möglich, es von der Leinwand aus auszuwählen. Du schaust dir allerdings während der Vorschau die iframe-Interaktionen an.
GJSBlock
Danke, dass du das gemeldet hast, @omerson-cruz. Tolle Frage zu UI-Steuerungen für die Videokomponente nicht verwenden können, wann. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie...