Ich habe ein Navigations-Plugin erstellt. Ich kann die Hintergrundfarbe der Navigationskomponente ändern. ! Screenshot vom 11.11.2019, 23.04.47 Normale NAV-Komponente ! Screenshot vom 11.11.2019, 23.05.21 Farbige Navigationskomponente Das Problem ist aber, dass ich CSS nicht zu den Hovered Component (Untermenüs) hinzu...
Hallo, Ich teste gerade, warum einige Styles im Style Manager nicht erkannt werden, aber ich finde sie nicht, ich habe versucht, 'avoidInlineStyle: true' zu verwenden, aber trotzdem werden sie nicht erkannt. Hier ist das Beispiel: https://jsfiddle.net/charles_es/x6yr7z91/28/
chiqui3d
Selbst wenn ich es auf falsch stelle, passiert es trotzdem. https://jsfiddle.net/charles_es/x6yr7z91/33/
Pouyamiralayi
@chiqui3d dieser Thread könnte hilfreich sein. Prost!
chiqui3d
Okay, mir ist gerade aufgefallen: Wenn man das Element als Klasse hat, wird der Inline-Stil nicht mehr erkannt. Warum?
Ich versuche, die erste Komponente im Editor mit editor.select(editor) auszuwählen. DomComponents.getComponents().models[0]). Es funktioniert nicht.
Naveen-15697
@artf, @pouyamiralayi :I Benötigt diese Bedingung innerhalb des 'canvas:drop'-Ereignisses editor.on('canvas:drop', ()=>{ ... ... // Mein Code zur Auswahl der ersten Komponente ist hier //... ... })
Pouyamiralayi
@naveen-15697 können Sie dies erreichen mit: Prost!
Naveen-15697
@pouyamiralayi Danke! Es funktioniert jetzt. @artf, aber warum funktioniert es im 'canvas:drop'-Event nicht?
Das ist eine wirklich dumme Frage, aber ich finde die Antwort nirgendwo offensichtlich: Ich bin Anfänger mit einem kostenlosen JS Codecademy-Kurs und viel Zeit damit verbracht, Seiten auf WordPress zu erstellen und zu pflegen. Ich möchte eine oder drei neue Webseiten mit Open-Source-Tools erstellen, die für mich und E...
artf
Ich weiß, dass OctoberCMS dieses Plugin hat, und ich habe andere gesehen, kann mich aber nicht mehr an deren Namen 😓 erinnern
Pouyamiralayi
@JpTiger es gibt Tools auf Basis von grapesjs, die dir helfen können, deine Seite sehr schnell zu gestalten: gramateria. Der Rest kann mit beliebten Open-Source- und einfach zu bedienenden CMS wie PageKit und Directus erreicht werden. Ich...
Hallo, Ich habe festgestellt, dass der Editor von der Font-Awesome 4.7-Bibliothek abhängt, so viel sind die Kategorien, in den Panels, im Layer-Manager (fa fa-eye, fa-caret-down). Warum wurde das nicht mit der Grapes-Schriftart aufgenommen? Ich konnte die Panel-Icons ändern, aber nicht die Kategorien, ich meine fa-car...
chiqui3d
Danke, aber das Beste ist, dass die Standard-Icons eigene Grapesjs (mit IcoMoon) sind und der Nutzer dann entscheidet, welche Schriftarten für sein Projekt verwendet werden, aber natürlich sollte man nicht davon abhängen, ob es Version 4 o...
artf
Hey @chiqui3d ich habe auf die PR von dir gewartet https://github.com/artf/grapesjs/issues/644#issuecomment-421553006 😝 Übrigens würde ich diese Ausgabe schließen und die Diskussion auf die alte #644 verschieben. Ich möchte auch eine schn...
Pouyamiralayi
Hallo, @chiqui3d Font Awesome abzuschaffen steht derzeit auf der Roadmap. wenn du auf Font-Awesome 5.0 aktualisieren möchtest, gibt es eine geschlossene PR, die dir helfen kann. Prost!
Mein Unternehmen verwendet GWT (Google Web Toolkit), um einige Webanwendungen zu entwickeln. Wir haben eine eigenständige GWT-Komponentenbibliothek für unsere wiederverwendbaren Komponenten. Ich habe eine Komponente entwickelt, die Trauben umwickelt, und das funktioniert super. Wenn ich diese Bibliothek jedoch in ein...
troncoso
Danke für diese Information. In meinem Fall hat das jedoch nicht funktioniert, weil dies in der index.html war: '''html <body ondragstart="return false;" ondrop="return false;"> </body> ``` Das Entfernen dieser Attribute hat mein Problem g...
Pouyamiralayi
@Troncoso kannst du eine Geige bereitstellen, um das nachzubilden?
troncoso
Nun, nein, wahrscheinlich nicht. GWT ist nicht nur ein Java-Framework, ich habe auch Grapesjs, die in einem GWT-Projekt arbeiten, aber nicht in einem anderen. Ich vermute, dass das wahrscheinlich geschlossen wird, aber ich hatte gehofft, d...
Es scheint, dass die 'index.html'-Struktur wie folgt sein muss: '''html <body> <Div ID="GJS" Stil="Height:0px; Overflow:versteckt"></div> <Drehbuch ... > Da meine benutzerdefinierten Stile das Vorhandensein des ersten 'div' und des 'main' erfordern und ich versucht habe, die 'container'-Eigenschaft für die 'grapesjs.i...
asieraduriz
Was ich gemacht habe, ist, dieses Repository einfach zu klonen und die '<div id="gjs" style="height:0px; overflow:hidden;">' in ein anderes '' zu nesten<div>, also wäre es so Wenn ich 'npm start' ausführe, bekomme ich eine leere Seite
Pouyamiralayi
@fasaas hast du das in deinem HTML angegeben? Übrigens, stelle sicher, dass deine Eltern-Div "Height:100%" hat. Prost!
asieraduriz
Falls das nicht möglich ist, gibt es eine Möglichkeit, explizit anzugeben, dass, wenn ich einen neuen Block in den BlockManager einfüge, der Container ein bestimmter Container sein sollte, den ich zuvor in 'index.html' definiert habe, und...
Wenn ich versuche, URLload zu nutzen, warum sagt man mir dann immer wieder 400 schlechte Anfragen? Bitte helft mir ! Bild
BJCCDSRLCR
! Bild Ich ändere den Quellcode von "get" zu "post", funktioniert.
BJCCDSRLCR
@pouyamiralayi es gelöst. Vielleicht verursacht mein Backend-Framework den zusätzlichen Schlüssel (JSONRPC, ID). Also ändere ich den Quellcode, um den tatsächlichen GJS-assets, GJS-components, GJS-CSS, GJS-HTML, GJS-Styles Wert zu erhalten...
BJCCDSRLCR
Es scheint, dass man Content-Type mit JSON verwendet. Aber sie erfüllte keinen Wert. Und mein Backend-Frame benötigte Value, wenn der Inhaltstyp JSON ist. Wo kann ich an irgendeinem Param vorbeikommen?
OS-Version: 1903 (OS-Build: 18326.295) Browser: Edge (Microsoft Edge 44.18362.267.0) Nutzererfahrung: Wenn Tooltips nicht mit der Tastatur im Editor zugänglich sind, kann der Tastaturbenutzer den Steuerungszweck nicht verstehen und wird Schwierigkeiten bei der Interaktion damit haben. Schritte zur Reproduktion Wenn de...
artf
Ich würde hier alle Barrierefreiheitsprobleme #654 hervorheben
Hallo, ich möchte Grapesjs in meine Angular-Anwendung integrieren. Angenommen, ich habe eine benutzerdefinierte Dropdown-Komponente (mit .ts-, .html- und .scss-Dateien), wie unten gezeigt: CustomDropdown.html---------------------------------- <div class="cust-dropwodn-container"> <span>Irgendein Header</span> <select...
Khan-Uzair
Gibt es Neuigkeiten @artf?
artf
Nein, @Khan Uzair, standardmäßig liest GrapesJS keine frameworkbezogenen Komponenten... bitte lesen Sie mehr über die Komponenten von GrapesJS hier