Ich habe erfolgreich einen kleinen Drag-and-Drop-Builder mit Grapesjs gebaut. Funktioniert super. Das Problem, das ich habe, ist, wenn ich ein Bootstrap-Karussell in den Builder ziehe. Das Karussell funktioniert wie erwartet auf einer normalen Seite. Aber im Framework erscheint nur das erste Bild und ich kann die Steu...
pranay2210
Wenn du eine Lösung findest, antworte bitte, da ich nach derselben Lösung suche.
artf
Der Slider-Call sollte ausgelöst werden, sobald du einen neuen Block platzierst. Erfahren Sie mehr über Components und Components with JS. Für eine solche Funktionalität reicht es nicht aus, nur Blöcke zu verwenden
BeschreibungDer Fehler wird in der aktuellen Demo wiederholtWas passiert?Im Style Manager spiegelte die Eingabe der Höhe und Breite des Panels nicht die richtigen Werte wider.Schritte zur Reproduktion in der DemoÖffnen Sie das Import-Popup, fügen Sie dies ein und klicken Sie auf Importieren '''html <label>Test</label>...
artf
Leider können berechnete Höhe und Breite (wie in diesem Fall, da sie an das Tag und nicht an eine einzelne Klasse/ID gebunden sind) nicht korrekt angezeigt werden, weshalb sie absichtlich ausgeschlossen werden
Hallo @artf, Wie würdest du empfehlen, einer Komponente einen leeren Zustand zu geben? Angenommen, ich habe zum Beispiel eine Layout-Komponente (also eine Spalte), die Kindelemente enthalten sollte (z. B. Textkomponente oder Bild). Wenn diese Layout-Komponente leer ist, möchte ich darin Hilfstexte anzeigen, zum Beispi...
Joshmamroud
@artf Du bist DER MANN! Ich wusste nicht einmal, dass es den ':empty'-Selector gibt. So einfach, so großartig! Völlig überwältigt. Danke!
artf
Ich habe etwas Ähnliches in dieser Hinsicht nur mit CSS gemacht '''js const doc = Redakteur. Canvas.getDocument(); ... addType('cc', { Modell: {...}, Ansicht: { init() { ... const stl = doc.querySelector('style#cc-id'); if (!stl) { doc.bod...
hellocaio
Hallo Josh, ich mag deine Idee. Ich bin kein Experte, aber hier sind ein paar Gedanken: Im Grunde würde ich der Komponente selbst eine Art Flag hinzufügen. Idee 1) Wenn die Komponente eine Art Container (d.h. div) ist, füge eine '<p class=...
Hallo. Ich habe GrapesJS auf die aktuelle Version 0.16.22 aktualisiert und bekomme einen Fehler bei der Rückruffunktion: editor.on("component:add", (model) => { editor.select(model); }); Der Fehlerstack: Unbehandelte Ablehnung (TypeError): i.classList ist undefiniert Stack: ./nodemodules/grapesjs/dist/grapes.min.js/</...
Rendering von Angular-Komponenten in GrapesJS. Ich erstelle einen Angular-Editor mit GrapesJS. Ich kann GrapesJS in mein Angular-Projekt integrieren und habe außerdem eigene Komponenten und Blöcke erstellt, mit denen Werkzeuge gebaut werden können. Gibt es eine Möglichkeit, Angular-Komponenten direkt in den Grapes JS-...
Suryalijo
Danke, ich konnte Angular Components in GJS mit createCustomElement rendern. ! Bild
suryavijayakumar1315
Füge AngularComponent als entryComponents im App-Modul hinzu und importiere dann createCustomElement wie unten angegeben Jetzt benutze "popup-element" in grapesjs
suryavijayakumar1315
Ich benutze das benutzerdefinierte Element so im Block Manager this.editor.BlockManager.add('blockname' , { Etikett: 'Label', Typ: 'Typ', Inhalt: '<div><mycustomelement></mycustomelement></div>' Kategorie: 'categoryname' });
Gibt es eine Möglichkeit, die Größe der "Blöcke" einzustellen? weil in IE11 die Größe der Blöcke unterschiedlich aussieht. IE11: ! Blocks-IE11 Firefox/EDGE/Chrome: ! Blocks
Hallo! Ich habe einen seltsamen Fehler mit dem Update Listener gefunden. Es wird beim ersten Laden ausgelöst, wenn HTML-Code <img> ein Tag mit Klassenattribut hat: '''javascript const editor = grapesjs.init({ Behälter: "#gjs", storageManager: { type: 0 }, Plugins: [], Komponenten: ' <img src="https://images.unsplash.c...
artf
Ich weiß nicht, warum das passiert, aber ich würde dem Problem für ein falsch-positives Update keine hohe Priorität zuweisen. Wenn also jemand beim Debuggen helfen möchte, wäre ich dankbar für das
Hallo Art, danke, dass du so ein fantastisches Projekt geschaffen hast! Ich bin mir nicht sicher, ob das als Bug oder als Feature-Wunsch gilt... aber ich habe Schwierigkeiten zu entscheiden, wie ich die Hintergrundfarbe auf dem Body übertragen soll, während ich das Newsletter-Plugin mit GrapesJS benutze. Schritte zur...
JoshLucio
@mhowey ich habe das auch gesehen, aber ich bin immer davon ausgegangen, dass der Körper nur die Platzhalter-Leinwand für den Inhalt ist. Änderungen am Body werden nicht exportiert, da der Inhalt im Body das Einzige ist, was exportiert wir...
artf
Du kannst diese Option nutzen '''js grapesjs.init({ exportWrapper: true, }) ```
Mhowey
Danke für die Antwort @JoshLucio. Ich benutze das voreingestellte Newsletter-Plugin, das meiner Meinung nach eher auf HTML-E-Mails als auf Website-Erstellung ausgerichtet ist. Ich habe tatsächlich an das gedacht, was du gesagt hast, und ic...
Hallo, Ich bearbeite Legacy-HTML mit Version 0.16.3 + newsleter-plugin. Der Stil wird inline gespeichert (da das Tool zum Erstellen von E-Mails verwendet wird) und ich nutze die Funktion 'componentFirst: true'. Ich habe ein Problem, wenn ich versuche, Komponententext zu bearbeiten, der andere Textelemente enthält. Sob...
artf
Hallo @orosl, danke für den Bericht. Ich konnte den Fehler finden und beheben, also wird er in der nächsten Version verfügbar sein.
orosl
Hallo @artf, vielen Dank für deine schnelle Antwort und Veröffentlichung. Ich habe mit der neuesten Version 0.16.27 aktualisiert. Dennoch stoße ich auf das Problem, allerdings mit einem etwas anderen Verhalten. Ich bin mir nicht sicher, ob...
artf
Danke@orosl tatsächlich funktionierte die Lösung mit inneren Komponenten, aber nicht mit verschachtelten. Ich werde es in der nächsten Version beheben
WARNUNG LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdMach zuerst eine schnelle SUCHE, um zu sehen, ob jemand anderes das gleiche Problem nicht geöffnet hatAlle zugehörigen Auss...