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 Sie stoßen, dass Preline.js nicht auf der GrapesJS-Canvas funktioniert, obwohl es über 'canvas.scripts' enthalten ist, ist ein häufiges Timing-Problem bei UI-Bibliotheken, die für die Initialisierung auf 'DOMContentLoa...
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? 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 verwenden Welchen Browser benutzt du? Chrom Reproduzierbarer Demo-Link Ich habe den Code in Ausgaben gegeben Beschreibe den Käfer Screencast vom 06.12.24, 15:09:58 Uhr IST.webm Das Problem ist, dass direkt nach dem Auftragen fetter oder kursiver S...
artf
Aus der offiziellen Demo scheint es wie erwartet zu funktionieren, also vermute ich, dass es mit deiner benutzerdefinierten Logik zusammenhängt. Bitte stellen Sie eine minimal reproduzierbare Demo des Problems bereit.
GJS Helper
Das Problem, das du erlebst, bei dem fette oder kursive Formatierung nach Anwendung und Wegklicken verschwindet, ist ein häufiges Synchronisationsproblem beim Anpassen des GrapesJS Rich Text Editor (RTE) mit 'custom: true'. Ursache Wenn du...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Arc Version 1.35.0 / Chromium Engine 123.0Reproduzierbarer Demo-Link https://grapesjs.com/demo.htmlBeschreibe den Käfer Mein Spezialfall: In meinem Fall befinden sich alle Stile aus Plugins und allgemeine Stile...
artf
es ist dafür gedacht, Leinwand-Stile zu speichern, Stile, die das Ergebnis von HMTL/CSS nicht beeinflussen, Stile, die nicht exportiert werden, richtig? Richtigstandardmäßig hat der Körper einen weißen Hintergrund, scheint das in allen Bro...
artf
Dafür gibt es die Option canvasCss. Eröffne beim nächsten Mal bitte eine Diskussion, da dies kein Kernfehler ist, sondern eine falsche Verwendung.
ctrhub
Hey @artf. Danke für die Antwort. Ich bin mir nicht sicher, ob wir uns verstanden haben, und ich möchte ein Detail klarstellen. Ja, ich kenne die canvasCss-Eigenschaft, außerdem nutze ich sie, um die Stile der ausgewählten Komponente zu än...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer Demo-Link https://grapesjs.com/docs/getting-started.html#style-manager Beschreibe den Käfer Wie reproduziert man den Bug?Gehe zum Abschnitt "StyleManager" im "Getting Started"-Doku...
Bernesto
Hallo @artf, Das eigentliche Problem ist, dass wir versuchen, eine Popover-Palette absolut über ein anderes Element an einer beliebigen Stelle auf der Seite zu platzieren. Und das müssen wir auch tun, wenn das Ursprungselement außerhalb de...
artf
@bernesto kannst du das überprüfen, da es mit deinen Änderungen zusammenhängt?
Bernesto
Ja, ich sehe das Problem. Die Logik muss berücksichtigen, wann der Elternteil außerhalb des Containers ist. Lass mich sehen, was ich dort machen kann.
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromReproduzierbarer Demo-Link Kann sie nicht bereitstellen, die Daten sind sensibelBeschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie eine Seite in den Editor/Canvas ein.Stelle die Höhe für z.B. 600 P...
upadhyay8844
@artf kannst du es dir bitte ansehen?
GJS Helper
Das Problem, auf das Sie stoßen, bei dem ein Kind-Abschnitt mit 'Höhe: 100%' seinen Elternteil überlappt, obwohl der Elternteil feste Höhe und Polsterung hat und andere Geschwister vorhanden sind, ist eine häufige CSS-Layout-Herausforderun...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Arc-Version 1.29.0 (46113)Reproduzierbarer Demo-Link https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioBeschreibe den Käfer Wie reproduziert man den Bug?Infinite-Canvas aktivierenMindestens zwei Komponenten z...
artf
Vermeiden Sie es, Infinite Canvas zu verwenden, da es nie dokumentiert und nicht einmal als Spielfilm fertiggestellt wurde.
GJS Helper
Das Problem, das Sie haben, wenn die GrapesJS Infinite Canvas ihre Höhe unendlich erhöht, wenn ein Element mit 'min-height: 100vh' vorhanden ist, ist ein bekanntes Interaktionsproblem zwischen CSS-Viewport-Einheiten ('vh') und dem dynamisc...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 120.0.6099.225 Reproduzierbarer Demo-Link https://jsfiddle.net/wattnu/opmwfvjn/ Beschreibe den Käfer Wie reproduziert man den Bug?Öffne und spiele die GeigeZwei Komponenten sind auf der Leinwand...
artf
Danke @kla-ko, es gibt tatsächlich eine Logik, die verhindert, dass andere Komponenten während 'component:remove'-Events ausgewählt werden, und ich werde das für die nächste Version beheben, aber ich würde dir raten, zu einem anderen Event...
KLA-ko
Danke @artf. Das funktioniert wie ein Zauber! /
GJS Helper
Das Problem, bei dem 'editor.select()' im 'component:remove'-Handler nicht wie erwartet funktioniert, liegt am Timing des Ereignisses und am internen Komponentenlebenszyklus von GrapesJS. Das Ereignis 'component:remove' wird bevor der Komp...