Was versuchst du zu GrapesJS hinzuzufügen? Die CSS-Eigenschaft 'float' macht nur für 'position: static;'-Elemente Sinn, die zufällig der Standard sind. Ich möchte den Schwimmerfunk-Wähler nur anzeigen, wenn die Position nicht auf etwas anderes eingestellt ist. Wenn ich jedoch 'recrere: ['static'];' zur Eigenschaftsdef...
artf
Hallo @anlumo, hast du versucht, die Float-Definition mit etwas wie 'erfuerdert: { position: ['statisch'] }' zu erweitern?
Anlumo
! Bild Ja. Es scheint nach dem Neuladen der Seite einwandfrei zu funktionieren, aber wenn man die Position umschaltet, hört es auf zu funktionieren und sieht aus wie im Screenshot. Die Definition lautet wie folgt: '''js { Name: "Layout", o...
GJSBlock
Danke, dass du das gemeldet hast, @anlumo. Toller Vorschlag zu FEAT: In Style Manager, erlauben Sie das Erfordern der Standardeinstellung! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglich...
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
Hallo @artf, Ich versuche, ein einfaches Banner-Plugin zu entwickeln, das eine Überschrift, eine Unterüberschrift und einen Link enthält. Und jedes Element kann gezogen und frei hervorgehoben werden, aber basierend auf dem folgenden Code funktioniert ein Teil des Codes nicht. Bitte helft mir ! Bild nur die Banner-Klas...
artf
In deiner Modellkomponentendefinition verwendest du 'content: config.template', aber es sollte eigentlich 'components: config.template' heißen.
Palash-Mandal
Hallo @artf, Ich habe die Lösung gefunden, aber es gibt ein Problem mit der Komponente. Die Unterkomponente H2, H3 und Link haben für alle anderen Komponenten gepusht. Wenn ich eine Spaltenkomponente wegsetze, werden diese Kindelemente ebe...
GJSBlock
Danke, dass du das gemeldet hast, @Palash-Mandal. Gute Frage zu Child-Elementen nicht ziehend, aber ables, hervorhebbar. Außerdem ist der CSS aller Kindelemente, die nicht im Style gepusht werden, während eine Bannerkomponente als Plugin e...
Hey @artf, ich habe versucht, zwischen ids und Klassen für das Styling umzuschalten, daher muss ich das componentFirst-Attribut programmatisch ändern. Aber wenn ich versuche, die Konfiguration zu ändern, ändert sich das Verhalten nicht. Das funktioniert nicht einmal in der Demo. Schritte zur Fortpflanzung:Zwei Textblö...
artf
Du musst die Auswahl nach der Änderung der Option 'editor.trigger('component:toggled')' erneut auslösen.
GJSBlock
Danke, dass du das gemeldet hast, @theSC0RP. Tolle Frage zu Wie man componentFirst programmatisch ändert?. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokument...
Hallo, derzeit bietet grapesjs eingebaute Eigenschaften wie Margin und Füllmaterial an, mit denen der Nutzer jede Eigenschaft einzeln ändern kann (margin-oben, margin-unten usw.). Es wäre schön, all diese Eigenschaften gemeinsam ändern zu können. Um zum Beispiel einen Sperrknopf zu haben, ändert er beim Aktivieren all...
artf
Ja, das wäre cool, aber leider hat GrapesJS noch kein richtiges UI-Modul, das es einfach erlauben könnte, neue UI-Komponenten durch Wiederverwendung anderer zu erstellen, daher ist 'StyleManager.addType' der einzige Weg, aber in diesem Fal...
GJSBlock
Danke, dass du das gemeldet hast, @kuhelbeher. Toller Vorschlag zu FEAT: Möglichkeit, alle Margen-, Polsterungs- usw. Eigenschaften gemeinsam zu ändern! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es m...
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, Vielen, vielen Dank für die frühere Hilfe. Ich bin noch ganz neu in der Entwicklung. Bitte helfen Sie mir unten Ich brauche ein Modal, bei dem ich Benutzereingaben wie Blockname, Kategorie, HTML, CSS, JS bekomme und dann auf Save klicke, um das als neuen Blockmanager zu speichern. Wie man diese Daten über...
artf
Bitte folgen Sie der Themenvorlage
GJSBlock
Danke, dass du das gemeldet hast, @Palash-Mandal. Tolle Frage zu *. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche...
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...
Standardmäßig wird der Editor mit englischer Sprache initiiert, wenn das 'init' nicht enthält: Wenn ich jedoch versuche, die Sprache mit der i18n-Methode zu ändern: 'setMessages' wie unten: 'Redakteur. I18n.setMessages({ en: tr });' Das passiert:Geöffnete Tabs (wie Style Manager, der standardmäßig beim Laden geöffnet...
artf
Folgen Sie der Themenvorlage
GJSBlock
Danke, dass du das gemeldet hast, @ahmedderkaoui. Danke, dass du deinen Bericht geteilt hast, dass setMessages() i18n nicht aktualisiert. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal r...
<img width="1172" alt="Screenshot 2021-05-24 um 18:55:23 Uhr" src="https://user-images.githubusercontent.com/55732888/119354444-b8cbb500-bcc1-11eb-8e67-27e020c879aa.png"> Ich bekam diesen Fehler beim Schreiben von Unit-Tests und teste gerade die Editor-Instanz, um sie zu definieren. Der Testfall besteht zufällig, aber...
YyueeiWY
Es scheint, als würde dir der Klassenname oder die Parent Element ID fehlen. Im Folgenden ist das Beispiel für die Verwendung von querySelector. <pre> var parentElement = document.getElementById('deviceready'); var listeningElement = paren...
artf
Entschuldigung, aber das hängt vielleicht von viel zu vielen Faktoren ab (z. B. deiner Umgebung) und hat nichts mit dem Kern selbst zu tun.
GJSBlock
Danke, dass du das gemeldet hast, @krishnaeverestengineering. Das Problem mit TypeError: Kann die Eigenschaft 'querySelector' von null nicht lesen, scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert ty...