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! Ich möchte die Kategorien im Blockmanager in einer bestimmten Reihenfolge anzeigen. Ich habe mir die Dokumentation und frühere Probleme angesehen und das Attribut Order entdeckt. Also habe ich versucht, das Reihenfolgeattribut einzustellen. aber es wird noch nicht in dieser Reihenfolge angezeigt, obwohl das Ord...
Ju99ernaut
Ich schätze, du kannst das als Feature-Anfrage machen, ich bin mir nicht sicher, ob so etwas schon in Grapesjs existiert. Obwohl die Reihenfolge der Blöcke vielleicht leichter zu verwalten ist, wenn du die Blöcke jeder Kategorie in verschi...
Ju99ernaut
Ich denke, die Reihenfolge, in der Blöcke hinzugefügt werden, bestimmt die Kategorienreihenfolge.
RutujaBadbe
@Ju99ernaut Hallo! Danke für die Antwort. Ja. Am Ende habe ich das gemacht. Aber was, wenn ich es dynamisch machen möchte? Wenn es viele Blöcke gibt, ist es dann nicht schwer, die Ordnung aufrechtzuerhalten?
Für Text, der oben auf der Seite steht, können Komponentenbeschriftungen sich überlappen und den Text beim Bearbeiten ausblenden. Außerdem kann das Label die Textbearbeitungswerkzeuge überlappen, wenn es nicht oben ist. Das Verstecken der Beschriftungen während der Textbearbeitung würde das vermeiden.
RutujaBadbe
Du kannst die Etiketten mit badgable : false ausblenden https://grapesjs.com/docs/api/components.html#parameters-3
GJSBlock
Danke, dass du das gemeldet hast, @neon12345. Danke, dass du deinen Bericht über FEAT: Komponentenbezeichnungen beim Textbearbeiten ausblenden geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie be...
Hallo zusammen! Ich habe hier einige Diskussionen über eine Art Mehrseiten-Plugin gesehen. Gibt es das immer noch? Wird dagegen etwas unternommen oder sollte ich mein eigenes Plugin starten? Danke!
Ju99ernaut
Ich habe eine einfache Version für indexedDB erstellt, aber sie kann auch für andere Speichertypen angepasst werden, https://github.com/Ju99ernaut/grapesjs-indexeddb-ui ich plane, sie zugunsten eines neuen Plugins zu ersetzen, das andere S...
artf
Ja, es ist noch ziemlich in Arbeit (ich habe leider keine ETA), aber der PageManager wird definitiv im Kern sein.
GJSBlock
Danke, dass du das gemeldet hast, @RaresVlaiduc. Tolle Frage zu [FRAGE]: Mehrseiteg-Plugin. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spe...
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...
Hallo. Diese Frage wurde bereits zweimal gestellt (hier und hier), aber es gab nie eine Antwort. Gibt es eine Möglichkeit, '<!DOCTYPE html>' als Anfang des Canvas-iFrames hinzuzufügen, sodass der iframe im Standardmodus ist? Ich brauche das, da ich versuche, tinyMce als benutzerdefinierten RTE zu verwenden, und tinyMc...
artf
In der nächsten Version werde ich einen neuen Event-Helfer hinzufügen, der es ermöglicht, iframe-Inhalte vor dem Laden zu bearbeiten: '''js editor.on('frame:load:before', ({ el }) => { const doc = el.contentDocument; doc.open(); doc.write(...
bgrand-ch
Hallo, Für zukünftige Fragen oder technische Probleme, die keine Bugs sind, ist der Tab Diskussionen auf GitHub der richtige Ort. Vergesst nicht, dieses Problem zu schließen, falls es gelöst ist, oder eine neue detaillierte Nachricht in di...
artf
Nicht wirklich, aber ich bin offen für Lösungen, wie man es anpassbar machen kann.
https://github.com/artf/grapesjs/blob/b199083f6a6128ecff41d20865493294f71fe0a1/src/block_manager/view/BlocksView.js#L142 This line makes the block to be re-rendered since rendering is listening for change events, but since this property does not affect the block rendering per-se the set should be silent as in:
GJSBlock
Danke, dass du das gemeldet hast, @mig8447. Danke, dass du deinen Bericht geteilt hast, dass Blockrendering zweimal angerufen wird. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reprodu...
https://github.com/artf/grapesjs/blob/b199083f6a6128ecff41d20865493294f71fe0a1/src/block_manager/view/BlocksView.js#L186 The Block Manager is looking for a rendered property in the model to tell if the view did render already or not but this method doesn't set said property and therefore this function is called twice,...
mig8447
@RutujaBadbe Das ist genau die Änderung, die Sie brauchen: https://github.com/artf/grapesjs/commit/640661b0a44e5e2857b615559c1db27da3e17a6c
artf
Ja, das macht Sinn, danke
RutujaBadbe
https://github.com/artf/grapesjs/blob/b199083f6a6128ecff41d20865493294f71fe0a1/src/block_manager/view/BlocksView.js#L186Der Block Manager sucht nach einer 'gerenderten' Eigenschaft im Modell, um zu zeigen, ob die Ansicht bereits gerendert...
CleanID funktioniert für MJML-Code immer noch nicht, selbst auf der neuesten Version von grapesJS (0.16.41). Es hängt mit diesem abgeschlossenen Thema zusammen: https://github.com/artf/grapesjs/issues/3276 Diese Funktion liest keine MJML-Tags : 'attrs' sind leer, und ich kann nicht herausfinden, warum...
artf
Das id-Problem sollte bereits bei der neuesten mjml-Plugin-Version gelöst sein
GJSBlock
Danke, dass du das gemeldet hast, @ThomasPof. Tolle Frage zu CleanId-Funktion funktioniert nicht mit MJML-Code. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokum...