Hallo, Wenn du zum Beispiel einen dreispaltigen Block zu einer Seite hinzufügst und versuchst, ein sehr breites Bild in jede Spalte zu ziehen, dehnt sich der Inhalt und der Überlauf wird verborgen. Wie fügen wir entweder eine vertikale Scrollleiste hinzu oder zwingen den Editor, die sichtbare Bildgröße beim Ziehen zu...
artf
Das ist eher ein Layout-Problem, das du leicht beheben kannst, indem du dein CSS zu allen Bildern hinzufügst, z. B. 'img { max-width: 100%; }`
GJSBlock
Danke, dass du das gemeldet hast, @samichamoun. Gute Frage zu Große Bilder machen den Bereich des Inhaltseditors unerreichbar. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die...
Nur als Vorwort: Das Problem, das ich beschreibe, beeinflusst nicht die Ausgabe der vom Editor generierten Inhalte, sondern nur, wenn man die Inhalte innerhalb des Editors betrachtet. Angenommen, ich erstelle zwei Spalten im Editor. Beide sind jeweils 50 % breit. Wenn ich ein großes Bild in eine dieser Zellen ziehe, w...
GJSBlock
Danke, dass du das gemeldet hast, @samichamoun. Gute Frage zu Große Bilder verschieben die Spaltenbreite in der Editor-Ansicht. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie di...
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...
Hallo @artf Ich habe ein Problem mit einer Eigenschaft. Wenn ich den Block per Drag & Drop auf die Canvas ziehe, werden seine Eigenschaften im Bereich Einstellungen problemlos angezeigt. aber als ich das Tag zum zweiten Mal gespeichert und bearbeitet habe und diesen Tag in der Canvas ausgewählt habe, erscheint das Mer...
artf
Definierst du deine eigene Komponente in einem Plugin?
Palash-Mandal
Definierst du deine eigene Komponente in einem Plugin? Nein. Füge einfach die Funktion init hinzu editor = grapesjs.init({ const DC = Editor. DomComponents; Benutzerdefinierte Überschriftenkomponente blockManager.add('header', { Etikett: '...
artf
Die erste Regel zur Definition neuer Komponententypen ist, den Code in ein Plugin zu legen. Aus dokumenten
Ich habe bemerkt, dass wenn ich in der Initialisierungsfunktion eine Höhe einstelle, sie sich auf eine bestimmte Pixelmenge stützt, z. B. Höhe: "500px". Wenn du jedoch versuchst, mit einem Prozentsatz zu setzen, z. B. Höhe: "90%", hat der Editor überhaupt keine Höhe. Außerdem frage ich mich, was die Höhe einstellt, we...
ahmedderkaoui
Versuche, mit 'VH' statt 'PX' zu arbeiten. Zum Beispiel: Geben Sie dem Editor 'Height: '80VH'', Ihre Navbar 'Height: '20VH''. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 ≤ Ich hof...
Samichamoun
versuchen, mit 'VH' statt 'PX' zu arbeiten.z.B.: Gib dem Editor 'Height: '80vh'' und deine Navbar 'Height: '20vh'' an. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 ≤Ich hoffe, das...
artf
Das ist eher ein Layout-Problem und hat nichts mit dem GrapesJS-Editor selbst zu tun.
Danke, dass du das gemeldet hast, @palash-zinfi. Danke, dass du deinen Bericht über Test Post geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reproduzierbares Beispiel (Code...
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...