WARNUNG LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdMach zuerst eine schnelle SUCHE, um zu sehen, ob jemand anderes das gleiche Problem nicht geöffnet hatAlle zugehörigen Auss...
artf
Ich bin mir nicht sicher, ob ich dein Problem verstehe, wie bewegt/skaliert man genau die Leinwand? das ist nicht zusammenhängend, aber gibt es eine Funktion, mit der man den Inhalt zoomen kann, nicht die Leinwand? Wenn ich es also skalier...
Anatoli-DP
Ich skaliere es mit dem Editor. Canvas.setZoom verwenden und mit der Leertaste verschieben. Im Moment habe ich entfernt, was ich gemacht habe, aber es war so etwas wie das Leinwand-Element zu bekommen und es einfach mit einem Stil-Update z...
artf
Wenn Sie von den bewegten Koordinaten sprechen, haben wir dafür noch keine direkte API, aber Sie können sie tatsächlich auf folgende Weise erhalten oder aktualisieren: '''js const canvasModel = Editor. Canvas.getModel(); Werte erhalten con...
Version: Version 0.17.19 (grapesjs) Version 0.1.11 (grapesjs-preset-webpage) Kannst du den Fehler aus der Demo reproduzieren?[ ] Nein Was ist das erwartete Verhalten? Wenn ich den Namen eines Knopfes ändere, indem ich den Text in den Komponenteneinstellungen ändere. Die Änderung sollte sowohl im Canvas als auch im HTM...
artf
Hallo @TRIGGEREDcoder es gibt ein Problem mit dem voreingestellten Webseiten-Plugin, das auf das alte Form-Plugin mit dem Fehler verweist. Deshalb schließe ich dieses, da es nicht Teil des Kerns ist, und werde die Plugin-Referenz bald aktu...
GJSBlock
Danke, dass du das gemeldet hast, @TRIGGEREDcoder. Das Problem mit den Namensänderungen der Formular-Schaltfläche werden nicht im generierten HTML-Code erfasst scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies...
Wenn auf 'Code anzeigen' geklickt wird und wir Element(e) in der Canvas ausgewählt haben, kann der Code-Viewer den entsprechenden Code anzeigen und ihn mit OuterHTML auswählen – eine großartige Funktion für sofortiges Kopieren oder schnelle Inspektion.
GJSBlock
Danke, dass du das gemeldet hast, @gMakaan. Toller Vorschlag zum FEAT: Code Viewer – gehe zu ausgewählten Leinwand-Blöcken! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnlich...
Version: 0.17.4 Kannst du den Fehler aus der Demo reproduzieren?[x] Ja[ ] Nein Schritte zur Reproduktion:Geh zum DemoEinen "Text"-Block in die Leinwand legenKlicken Sie auf die gerade weggelassene "Text"-KomponenteDie geöffnete RTE ist fehl platziert (vgl. angehängter Screenshot) Was ist das erwartete Verhalten? Die g...
artf
Ja, ich denke, du hast recht. Es macht eigentlich keinen Sinn, RTE zu aktivieren, ohne die Komponente auszuwählen (wahrscheinlich macht es bei allen anderen "aktivierbaren" Blöcken Sinn).
gustavohleal
Hallo. Ich und @ronaldohoch haben eine Lösung für dieses Problem gefunden. Wir lösen das Scroll-Event aus, wenn das RTE aktiviert ist. Hier ist der Code: '''javascript Lösen Sie das Scroll-Event von der Leinwand aus, sodass Grapesjs CKEdit...
Ronaldohoch
Hallo, ich habe gerade die Datei von Commit bb4a661 aktualisiert, und ich glaube, es ist so nah dran, ich benutze den grapesjs-ckeditor-Code und das erste Öffnen von RTE, es ist richtig platziert: ! Bild Aber beim zweiten Mal ist die RTE w...
Version: 0.17.4 / Git Master Beschreibe den Bug detailliert FrameView verpackt hier Tastatur- und Mausereignisse neu: https://github.com/artf/grapesjs/blob/07061ae1307fedf2a3b9bd585ce0cb30f653f112/src/canvas/view/FrameView.js#L389-L399 Ich denke, der Grund hängt damit zusammen, iframe-Ereignisse auf Eltern-Frame-Ereig...
GJSBlock
Danke, dass du das gemeldet hast, @anlumo. Das Problem mit createCustomEvent behandelt Mausereignisse nicht korrekt scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponen...
Diese Definition: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 wird immer am Rahmen angehängt. Sie enthält die Farbdefinition für ausgewählte Elemente (diese blaue Umrandung). Diese Farbe kann nicht verändert werden, weil hier ein '!wichtig' steh...
artf
Hallo, @anlumo du hast recht, leider werden Komponentenstatusstile innerhalb von iFrames gerendert. Ich habe versucht, sie nach draußen zu bringen, indem ich diese Option eingeführt habe, aber das funktioniert noch nicht mit mehreren Auswa...
Filipecheverrya
Hallo @mingxin-yang, ich glaube, du musst die gleiche Regel befolgen, die @artf gesagt hast. Aber mit den entsprechenden Klassen '''js grapesjs.init({ // ... canvasCss: ' .gjs-tools .gjs-badge { / für das Label / Hintergrundfarbe: Rot; } ....
GoodPHP
Gepostetes kostenloses Plugin für festgelegte Farben Grenzen: https://gjs.market/products/borders-color-around-selected-component
Betrachten wir einen einfachen Block: Beim Ziehen auf die Leinwand kann diese Komponente ausgewählt werden und es ist möglich, ihre Einstellungen zu ändern. Jetzt mache ich Folgendes, um denselben Eingang in einer Karte hinzuzufügen: '$(someElement).find(".card").html('<input type="text"/>');' Die Eingabe wird erfolgr...
GJSBlock
Danke, dass du das gemeldet hast, @ahmedderkaoui. Tolle Frage zu Element, das als HTML auf Canvas eingeschleust wird, verhält sich nicht wie eine Komponente. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten AP...
Hallo @artf Ich habe ein Problem mit einer Eigenschaft. Wenn ich den Block per Drag & Drop auf die Canvas ziehe, werden seine Eigenschaften im Bereich Einstellungen problemlos angezeigt. aber als ich das Tag zum zweiten Mal gespeichert und bearbeitet habe und diesen Tag in der Canvas ausgewählt habe, erscheint das Mer...
artf
Definierst du deine eigene Komponente in einem Plugin?
Palash-Mandal
Definierst du deine eigene Komponente in einem Plugin? Nein. Füge einfach die Funktion init hinzu editor = grapesjs.init({ const DC = Editor. DomComponents; Benutzerdefinierte Überschriftenkomponente blockManager.add('header', { Etikett: '...
artf
Die erste Regel zur Definition neuer Komponententypen ist, den Code in ein Plugin zu legen. Aus dokumenten
Einige der CSS funktionierten nicht richtig, zum Beispiel funktionierte die .gjs-cv-Canvas nicht. Das ist der Screenshot meiner grapejs-Seite in nextjs ! Bild
GJSBlock
Danke, dass du das gemeldet hast, @eyroooon. Danke, dass du deinen Bericht über Nutzung von GrapeJS auf nextjs geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reproduzierbar...
Gibt es eine Möglichkeit, Traits (die benutzerdefinierte und keine eingebauten Traits sind) aller auf der Leinwand vorhandenen Komponenten neu zu rendern oder zu aktualisieren?
Mmm, was soll das bringen? Deine benutzerdefinierten Eigenschaften sollten bereits auf Komponentenänderungen reagieren (sofern du sie richtig erstellt hast).
GJSBlock
Danke, dass du das gemeldet hast, @ahmedderkaoui. Tolle Frage zu Aktualisieren/Neurendern der Eigenschaften aller Komponenten in Canvas. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen...