Hallo. Wenn ich versuche, eine Newsletter-Vorlage aus einem bestehenden HTML-Code mit einigen VML-Wrapping-Tags zu generieren <style> , werden die bestehenden Styling-Klassen gut verarbeitet, obwohl jegliche Erwähnung solcher VML aus dem Editor entfernt wird. Kannst du bitte einen Hinweis auf eine mögliche Lösung gebe...
GJSBlock
Danke, dass du das gemeldet hast, @DMSlam. Gute Frage, Gibt es eine Möglichkeit, VML-Code in CSS zu behalten, um einige der Stile von Outlook fernzuhalten?. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API...
Hallo Leute, statt so im Init zu stylen... Es ist möglich, eine SCSS-Datei in Canvas zu verwenden? Leinwand { style:['FILE. SCSS'] } Oder einfach sauberer machen mit einem einzigen Init CSS? Danke! ' myComponent.append(<style> Körper { Hintergrund: RGB(204.204.204); } .footer { Position: absolut; Boden: 5 mm; Breite:...
artf
Du kannst canvasCSS-Option verwenden, wenn du keine Dateien verwenden möchtest.
devtechk
Vielen Dank! Diese Konfigurationsdatei wird mir sehr helfen!
GJSBlock
Danke, dass du das gemeldet hast, @devtechk. Tolle Frage zu Canvas Style CSS. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Mo...
Ich möchte die Benutzeroberfläche von Grapesjs anpassen, aber die JS- und CSS-Dateien sind minimiert. Bitte sag mir, wie ich das machen kann? Ich möchte einfach einige bestimmte Blöcke wie Bilder, Text usw. in meiner Benutzeroberfläche behalten.
Echobinod
Sass wird verwendet, um die verkleinerten CSS-Dateien zu generieren. Du kannst die Stilvariablen von hier aus ändern: src/styles/scss/
Danke, dass du das gemeldet hast, @SyedHashimShah. Gute Frage zu Wie kann ich die Benutzeroberfläche von Grapesjs anpassen?. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie d...
Hallo, Wie kann ich buildProps zur Eigenschaftenliste hinzufügen, sodass bei der Auswahl einer Option die Eigenschaften dieser Option angezeigt werden Ein Beispiel für das, was ich auf dem Flex-Grundstück erreichen möchte. '''javascript { Name: 'Layout', Open: True, buildProps: ['display'], Eigenschaften: [ { Typ: 'Ra...
Ju99ernaut
Ich glaube, man kann die Build-Props aus der Eigenschaftenliste entfernen und trotzdem erreichen, was man versucht; die eingebauten Flexbox-bezogenen Eigenschaften werden nur angezeigt, wenn eine Komponente 'Display: Flex' hat. Es ist auch...
server102
Danke. Ich habe es ausprobiert, aber die Grid-Eigenschaften funktionieren nicht. Vielleicht muss ich es manuell implementieren, bin mir aber nicht sicher, wie ich das Problem am besten angehen soll.
Ju99ernaut
Es gibt keine 'buildProps' für Grid-Eigenschaften, also musst du diese von Grund auf neu erstellen, leider gibt es in der Dokumentation nicht viele Informationen zu benutzerdefinierten Eigenschaften, wahrscheinlich musst du die Dinge aus d...
Ich habe eine Liste von Kategorien und möchte einige mit einem anderen Stil markieren, je nachdem, ob sie erforderlich sind oder nicht. Idealerweise könnte ich also eine Klasse mit 'GJS-Title' zur Div hinzufügen, sodass dort 'GJS-title Required-Field' steht. 'this.editor.BlockManager.getCategories();' gibt ein Array a...
artf
Hallo @eikerd, wenn ich den Code überprüfe, sehe ich im Moment keine andere Möglichkeit, Blockkategorie-DOMs anzupassen, wenn man nicht selbst etwas mit dem DOM macht (sobald die Blöcke gerendert sind). Ich werde die Ansicht wahrscheinlich...
GJSBlock
Danke, dass du das gemeldet hast, @eikerd. Tolle Frage zu Blockmanager: Hinzufügen von benutzerdefinierten Klassen gjs-block-category / gjs-title DIVs. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fan...
Ich bin Ihnen sehr dankbar für diese Bibliothek. Hintergrund: Ich baue einen Editor, bei dem ich die meisten Komponenten aus einem bestehenden Set von Vuejs-Komponenten definieren möchte, die ich zuvor entwickelt habe und in meinen Anwendungen verwende. Die meisten davon sind UI-basierte, einfache und komplexe Kompone...
Ju99ernaut
Ich bin mir nicht sicher, ob solche Haken pro Komponente existieren, aber du kannst versuchen, die Eigenschaft 'toHtml' einer Komponente zu nutzen. Es wurde schon anderswo besprochen, also sucht es in den Ausgaben, da es ziemlich viele gib...
artf
Ja, du kannst deine Komponenten mit einer benutzerdefinierten 'toHTML'/'toJSON'-Funktion (im Modell) definieren, um deren Ausgabe anzupassen
GJSBlock
Danke, dass du das gemeldet hast, @sudiptochoudhury. Das Problem mit Gibt es pro Komponente vor dem Speichern ein Ereignis, das die Komponente hören kann? scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies pass...
Version: 0.16.41 Kannst du den Fehler aus der Demo reproduzieren? [X] Ja [ ] Nein Was ist das erwartete Verhalten? 1) Kopieren Sie ausgewählte übergeordnete Komponente (Container) auf die Zwischenablage. 2) Die ausgewählte übergeordnete Komponente (Container) aus der Zwischenablage (auf dieselbe Seite oder eine andere...
artf
Das liegt daran, dass du die ursprünglichen Befehle mit deinen Versionen (falsch) aktualisiert hast. Tatsächlich funktioniert alles, wenn ich dein Plugin aus der Demo entferne, wie erwartet. Bitte überprüfe den ursprünglichen Kopier-und-Ei...
artf
Überprüfe einfach die ursprünglichen Befehle https://github.com/artf/grapesjs/blob/dev/src/commands/view/CopyComponent.js https://github.com/artf/grapesjs/blob/dev/src/commands/view/PasteComponent.js
bgrand-ch
@artf Danke für deine Antwort. Ein Link, ein Beispiel oder weitere Erklärungen bitte? 😅
Gibt es eine Möglichkeit, Shortcut-Tasten und Add-ons für den integrierten Codemirror-Editor hinzuzufügen? Ich möchte besonders einen Kommentator-Hotkey. Es gibt verschiedene Plugins, die den Grapesjs-Editor verwenden, einschließlich https://github.com/artf/grapesjs/issues/324#issuecomment-330571539 und der benutzerde...
Abulka
Endlich habe ich das von Grapesjs gebündelte 'commentRange' zum Laufen gebracht – es muss direkt 'cm.commentRange' aufgerufen werden, nicht über 'cm.execCommand'. Außerdem nimmt es Parameter. So konnte ich einige Kommentare zum Laufen brin...
artf
Ja, ich denke, es ist kein Problem, es in CodeMirrorEditor.js
GJSBlock
Danke, dass du das gemeldet hast, @abulka. Sicherheits- und Abhängigkeitsfragen sind wichtig. Das GrapesJS-Team arbeitet aktiv daran, Abhängigkeiten aktuell zu halten. Für dich gerade jetzt: Führe 'npm audit fix' aus, um verfügbare Patches...
Was versuchst du zu GrapesJS hinzuzufügen? Ich versuche, GrapesJS zu stylen und seine Elemente (Panels, Knöpfe, Leinwand usw.) zu positionieren, es ist nervig, alle Stilelemente zu überschreiben. Beschreibe deine Feature-Anfrage Ein renderloses GrapesJS.Fügen Sie ein bestimmtes GrapesJS-Element (Panels, Buttons, Leinw...
GJSBlock
Danke, dass du das gemeldet hast, @bgrand-ch. Toller Vorschlag zu FEAT: Renderless! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalten zu erreichen. Verwendung de...
Ich baue eine benutzerdefinierte 'Textbereich'-Komponente und möchte, dass sie sich wie die eingebaute 'Text'-Komponente verhält, sodass das Bearbeiten des Textknotens auf der Grapesjs-Leinwand den 'Textknoten' aus '.components' aktualisiert. Und ich möchte, dass die Komponente korrekt als HTML exportiert wird, z. B....
artf
Hallo @abulka, da die Bearbeitung in der Ansicht stattfindet, solltest du das Komponentenmodell aktualisieren, sobald die Ansicht aktualisiert ist. Also sollte es bei so etwas funktionieren '''js model: { ... }, Ansicht: { Ereignisse: { Ei...
GJSBlock
Danke, dass du das gemeldet hast, @abulka. Das Problem mit Wie kann man Textnode-Bearbeitungen dazu bringen, Komponenteninhalte zu aktualisieren? scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typi...