GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/qbpodnm4/ Beschreibe den Käfer Wie reproduziert man den Bug? Wählen Sie eine Komponente in der Leinwand aus. Geh zum Style-Manager und prüfe, ob "General"...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 133.0.6943.98 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 Beschreibe den Käfer Ich versuche, einige benutzerdefinierte Triats zu meinem Bl...
artf
Deine Komponente hat innere 'Komponenten', also wenn du eine davon auswählst, siehst du Eigenschaften dieser Komponenten, nicht einen 'Ereignisblock'. Wenn du richtig 'Ereignisblock' auswählst, siehst du deine Eigenschaften. <img width="85...
GJS Helper
Das Problem, auf das Sie stoßen, bei dem benutzerdefinierte Eigenschaften für einen benutzerdefinierten Block nicht geladen werden, wenn die Eigenschaft 'components' komplexes HTML enthält, aber mit einem einfachen String geladen werden, i...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/ZYzjaYe Beschreibe den Käfer Was ist das erwartete Verhalten? Die Randbreite sollte von 1 erhöht werden, wenn das Minimum auf 1 gesetzt ist. Wi...
GJS Helper
Das Problem, bei dem der Wert 'min' die anfängliche Anzeige von '0' für 'Randbreite' nicht beeinflusst, ist ein häufiger Verwirrungspunkt. Die Eigenschaft 'min' im GrapesJS-Stilmanager wirkt sich hauptsächlich auf die Schritt-/Schieberegle...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v130 Reproduzierbarer Demo-Link https://grapesjs.com/demo-newsletter-editor.html Beschreibe den Käfer Wie reproduziert man den Bug?Im Editor ein beliebiges Element auswählenIm Bereich Stile gehe zum Gre...
DarrenHou1993
Diese Änderung behebt das UI-Problem, bringt aber hier ein Wertproblem mit sich. Beim Setzen des Radius der unteren linken Ecke ändert er tatsächlich die untere rechte Ecke.
GJS Helper
Das Problem, das Sie bezüglich der vertauschten Anzeigereihenfolge von 'Rand-unten-links-Radius' und 'Rand-unter-rechts-Radius' im GrapesJS Style Manager identifiziert haben, ist eine bekannte Eigenheit in der Standardkonfiguration älterer...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 131.0.6778.205 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Beschreibe den Käfer Wie man den Fehler reproduziert:Fügen Sie dem Korpus die 'Dark-Style'-...
artf
Ja, das wird nicht unterstützt, da es möglicherweise Leistungsbeeinträchtigungen gibt, wenn man versucht, eine mögliche Regel zu erfüllen. Was du aber tun kannst, ist, jede Regel über styleManager.select auszuwählen.
MLMarxx
Okay, danke für die Klarstellung – ich benutze derzeit Select, hat jemand eine Idee, wie man Medien-Tags so ansteuern kann?
artf
Du kannst die benötigte CSSRule ('getRule') holen und sie dann an styleManager.select weitergeben
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/YPKwRBg Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie eine Zeilenkomponente aus dem Blockmanager hinzu.Ändere die Breite im Style...
GJSBlock
Danke, dass du das gemeldet hast, @Harshsne26. Tolle Frage, ob !wichtig zu jedem Bauteilstil hinzugefügt wird. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Do...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwenden'[email protected]', als diese Ausgabe eingereicht wurdeWelchen Browser benutzt du? Firefox 132, Chrome 131Reproduzierbarer Demo-Link https://jsfiddle.net/x54f9v68/1/Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie einen benutzerd...
Samex
Ich glaube, das hängt vom jeweiligen SVG ab, das verwendet wird. Wenn du die anderen SVG-Symbole ansiehst, wirst du feststellen, dass sie kein Füllattribut (inline) auf dem <svg> Haupttag haben, sondern auf den <path> Kindertags. Indem das...
Tonypapousek
@samex Die Angabe von 'fill="none"' hat funktioniert, danke! Das wird definitiv helfen, dass meine benutzerdefinierten Sachen vorhersehbarer funktionieren. Darüber hinaus denke ich, dass der Hauptproblem darin besteht, Drittanbieter-SVGs (...
artf
Ja, ich würde das hier schließen, da es nicht streng mit dem Kern selbst zu tun hat, aber danke, dass du darauf hingewiesen hast.
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/a2hbxg0y/1/ Beschreibe den Käfer Wie reproduziert man den Bug?Entwicklungswerkzeuge öffnen und den Element-Stil für den iframe-Körper schreiben – Zoom: n;...
artf
Du solltest den Zoom des iFrames nicht bearbeiten, sondern die native API verwenden.
GJS Helper
Du hast einen bestimmten Fehler in GrapesJS identifiziert, der mit der Funktion 'showOffsets' zusammenhängt, wenn auf dem iframe-Körper eine CSS-Eigenschaft 'zoom' angewendet wird. Das ist eine berechtigte Beobachtung, und ich kann das von...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Jede Reproduzierbarer Demo-Link https://grapesjs.com/demo Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie benutzerdefinierte Codekomponente mit HTML + CSS hinzuBenutzerdefinierten Code Komponente l...
artf
Dies bezieht sich nicht auf den Kern und sollte auf der Ebene plugin adressiert werden. Bitte erstellen Sie das Problem dort und wir versuchen, den richtigen Ansatz zu finden.
Mosh-Tudor
@stpp2 Das ist eigentlich kein Bug; Es ist eher ein Feature. :) Versuche 'clearStyles' zu verwenden: https://github.com/GrapesJS/grapesjs/blob/d48e1e34a9fa363dcb83fdcca53a89563db17063/packages/core/src/editor/config/config.ts#L260-L272
stpp2
Ja, 'clearStyles' ist in meinem Fall bereits aktiviert, aber das scheint in vielen Fällen nicht gut zu funktionieren. So oder so würde ich erwarten, dass die 'Custom Code'-Komponente teilweise "containerisiert" ist, sodass beim Entfernen n...
[x] Beheben Sie die Verwendung des Sortierers in StyleManager (Regression mit Sortiereigenschaften-Schichten) [x] Refaktor-Sortierer mit Verwendung von 'Components.canMove' [x] Aktualisieren Sie 'canMove' mit der Kontrolle, dass das Hauptsymbol in der eigenen Instanz weggelassen wird.
mohamedsalem401
Das ist erledigt.
mohamedsalem401
Die Idee ist, den Sortierer für bessere Wartungsbarkeit und Lesbarkeit umzugestalten. Wir können folgende Änderungen umsetzen:Die Klasse 'Sorter' von einer abstrakten Baumstruktur abhängig machen lassen, anstatt sich auf spezifische Implem...
GJS Helper
Dieses Fixieren und Refaktorieren adressiert mehrere Schlüsselbereiche innerhalb der 'Sorter.ts'- und Komponentenbewegungslogik von GrapesJS, löst eine Regression im Style Manager auf und verbessert das gesamte Drag-and-Drop-Erlebnis, insb...