Vielleicht kannst du mir helfen... Ich möchte das Label ".gjs-traits-label" entfernen, wenn traitManager geöffnet wird. ! Bild ! Bild Ich habe so etwas ausprobiert:
artf
'''css .gjs-traits-label { display: none } ```
GJSBlock
Danke, dass du das gemeldet hast, @alemenciones. Tolle Frage zu Wie man ".gjs-traits-label" in traitManager ausblendet?. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die Grape...
Hallo, Wir stoßen auf ein Problem – die Farbe des Eigenschaftsnamens wie "Width" ist blau, wenn eine neue Komponente auf die Leinwand gezogen wird, aber wir ändern ihren Wert nicht. ! Bild Grapesjs ist kraftvoll und sehr hilfreich für uns. Wir sind jedoch neu bei Grapesjs und haben viel Zeit mit diesem Thema verbracht...
artf
Hallo, @luziye9 du verwendest auf jeden Fall einen Block/eine Komponente mit einer benutzerdefinierten 'Style'-Eigenschaft... Jedenfalls, wenn du ein BUG-Problem eröffnest, musst du der Vorlage folgen (grapesjs-Version, reproduzierbare Dem...
GJSBlock
Danke, dass du das gemeldet hast, @luziye9. Gute Frage zu Wie ändert sich die Farbe der Immobilie zu Blau, wenn sich der Wert ändert?. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen S...
Ich habe mit Möglichkeiten herumgespielt, wie man den Stil der Elemente innerhalb der Leinwand ändern kann, und festgestellt, dass durch die Verwendung des Colour-Picker-Merkmals, um die Inline-Style-Farbeigenschaft des Elements einzustellen (nicht das Inline-Style-Tag, das man über getCS() bekommt), diese Style-Eigen...
artf
Hallo @DodoTrip der Grund ist, dass man mit Inline-CSS keine Stile mit Zuständen (z. B. ':hover') und Medienabfragen definieren kann, daher habe ich es immer als nutzlose Einschränkung und nicht als Funktion gesehen. Trotzdem kannst du die...
ThetripGr
Hallo @artf und danke für deine Antwort. Könntest du mir ein Beispiel geben, wie das gerade gemacht wird, oder sollte avoidInlineStyle es einfach funktionieren lassen?
artf
Ehrlich gesagt habe ich avoidInlineStyle schon lange nicht mehr verwendet, aber ich denke, es sollte funktionieren 😁
Ich möchte die Position des ziehenden Elements angeben. Zum Beispiel, wenn ich einen Kopfzeilenblock habe, der, egal wohin man zieht, ganz oben im Dokument stehen sollte. Wie soll ich das machen?
RutujaBadbe
Nachdem ich den Header-Block in die Leinwand gelegt habe, muss er oben auf jede andere Komponente oder jeden anderen Block gelegt werden. Derzeit mache ich das. Aber es funktioniert nicht. editor.on('canvas:drop',(DataTransfer, model)=> {...
artf
Du kannst die Eigenschaft 'draggable' verwenden, um (über CSS-Abfragezeichen) zu definieren, wo die Komponente platziert werden kann, aber du kannst die Position nicht angeben. Du kannst versuchen, eine benutzerdefinierte Komponente als Co...
RutujaBadbe
@artf danke für die Antwort. Ich weiß nicht, ob das der richtige Weg ist, aber ich habe etwas gemacht und es hat für mich funktioniert. Ich bin noch ziemlich neu darin und lerne noch von Ärzten. Ich habe das gemacht – editor.on('canvas:dro...
@artf Ich liebe es, mit GJS zu arbeiten. Ich habe noch eine letzte Sache, bei der ich mich über deine Hilfe freue. Es wäre unglaublich hilfreich, die Labels im Layer Manager anpassen zu können. Ich habe überall gesucht, aber nichts gefunden. Die Standard-Anzeige von "Text" und "Box" ist nicht sehr hilfreich, wenn man...
artf
Du kannst das Modell deiner Komponenten erweitern und die Funktion 'getName' überschreiben
fmay
Falls das für jemanden nützlich ist: Ich habe eine einfache/alternative Möglichkeit gefunden, dies zu tun, wenn eine Komponente erstellt wird.
flauc
So habe ich es gemacht: Der Vorteil ist, dass bei späterer Änderung der Komponenten-ID oder des Tags im Layer-Manager weiterhin aktualisiert wird und man auch einzelne Komponenten umbenennen kann.
Hey, @artf. Ich möchte auf das JSON zugreifen, das generiert wird, wenn eine Vorlage gespeichert wird, ohne die Vorlage tatsächlich zu speichern. Das json-Objekt kann über die Events erreicht werden, aber ich möchte nicht 'editor.store()' aufrufen und dann die Events verwenden. Gibt es eine Möglichkeit, das JSON-Objek...
Joshmamroud
@theSC0RP Suchst du das? editor.getComponents()
artf
@theSC0RP es ist nicht klar, ob du die Speicherfunktion möchtest oder nicht, aber was Josh vorgeschlagen hat, ist richtig, oder du kannst immer deinen Speicher hinzufügen (und im Inneren nichts tun, falls nötig...) https://grapesjs.com/doc...
theSC0RP
du kannst immer noch dein Lager hinzufügen (und im Notfall nichts tun...) https://grapesjs.com/docs/modules/Storage.html#define-new-storage Danke @artf. Das ist es, was ich letztlich gemacht habe. Mit 'editor.getComponents()' erhält man ei...
Hallo @artf – was du gebaut hast, ist großartig. Es war ein sanfter Kampf, da ich weit davon entfernt bin, ein JS-Zauberer zu sein. Allerdings habe ich fast alles vollständig konfiguriert – außer diesem hier! Ich möchte Eigenschaften festlegen, die angezeigt werden, wenn ein Bild ausgewählt wird (alt, src, id). Ich bi...
artf
Hallo Freddy, du kannst in diesem Fall einfach die Bildkomponente erweitern '''js Redakteur. Components.addType('image', { model: { Standardwerte: { Eigenschaften: [{name: 'alt'}, {name: 'src'}, {name: 'id'}] } } }); ```
GJSBlock
Danke, dass du das gemeldet hast, @fmay. Tolle Frage zu Frage: Eigenschaften. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modu...
Ich möchte eine neue benutzerdefinierte Eigenschaft erstellen, die die Eingabe des Farbpickers und ein Kontrollkästchen enthält, sodass das Endergebnis entweder die vordefinierte Farbe aus dem Kontrollkästchen ist oder, falls nicht aktiviert, aus dem Picker wählt. Das ist für meinen Fall zu spezifisch, daher frage ich...
artf
Im Moment nicht, ich arbeite an einem neuen UI-Modul, das die Wiederverwendung und Überschreibung interner UI-Elemente ermöglicht.
GJSBlock
Danke, dass du das gemeldet hast, @ThetripGr. Tolle Frage zu Ist es möglich, bestehende Eigenschaftstypen in neuen benutzerdefinierten Eigenschaften zu verwenden? (z. B. der Farbwähler). Der empfohlene Ansatz bei GrapesJS ist die Nutzung d...
'grapesjs-custom-code' funktioniert problemlos mit dem 'script'-Tag bis GrapesJS 0.16.27, nach dieser Version wird kein 'script'-Inhalt mehr ausgeführt. ✔️ Editor init()-Option: 'allowScripts: 1' ✔️ Plugin-Import: https://github.com/artf/grapesjs-custom-code/issues/11#issuecomment-724512902 Hängt das mit https://githu...
nithinpillalamarri123
Hallo, vielen Dank für deine Wiederholung... Ja, genau, nachdem du es wiederholt hast, habe ich es mit 0.16.27 versucht. Das Custom Blocks-Skript funktioniert wie erwartet, aber in den höheren Versionen als 0.16.27, während das Drag-and-Dr...
artf
Hallo @bgrand-ch, du sprichst wahrscheinlich von einem behobenen Bug 😂 Hauptgründe, warum man kein zufälliges Skript von einem Benutzer ausführen lassen sollte:Selbst-XSSWir können das Skript nicht steuern, wenn wir es im Editor ausführen...
GJSBlock
Danke, dass du das gemeldet hast, @bgrand-ch. Toller Vorschlag zu grapesjs-custom-code wird nicht <script> ab GrapesJS 0.16.30 und höher ausgeführt! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehre...
Bitte, kann mir jemand helfen, aus diesem Problem herauszukommen editor.setComponents(html-Text ); Das Skript funktioniert nach dem Laden aus dem gespeicherten Template-HTML nicht wie erwartet während Drag & Drop funktioniert, funktioniert...
artf
Du kannst den generierten HTML-Code nicht zurück in den Editor laden, lies die Dokumentation, wie man Vorlagen richtig speichert und lädt https://grapesjs.com/docs/modules/Storage.html
GJSBlock
Danke, dass du das gemeldet hast, @nithinpillalamarri123. Danke, dass du deinen Bericht über grapes js Version v0.16.34 geteilt hast, die unerwarteten Skriptcode nach dem Laden gespeicherten HTML liefert. Um dem Team bei der Untersuchung u...