Hallo, das ist wirklich ein sehr, sehr schönes Werkzeug Kannst du ein paar Einblicke in den Einstellungen teilen? Ich kann helfen, weitere hinzuzufügen, damit es für andere ins Wiki aufgenommen werden kann.Wie man 'Einstellungen' erweitert, um dem Benutzer zu erlauben, den Graph-Typ auszuwählen/zu wechseln/zu ändern,...
artf
Du musst die Eigenschaft 'Werkzeugleiste' erweitern https://grapesjs.com/docs/api/component.html#properties
Version: 0.16.18 Kannst du den Fehler aus der Demo reproduzieren? Nein Was ist das erwartete Verhalten? Ich möchte den Standard-Vorschau-Button ausblenden, aber den Standard-Button "Code anzeigen" behalten. Wie ist das aktuelle Verhalten? "Code anzeigen" funktioniert nicht mehr, wenn der Vorschau-Button über entfernt...
mcottret
Hallo @rudym87! Das Problem scheint durch die Deaktivierung der Taste zum Ausführen des Befehls (siehe unten) verursacht zu werden, wodurch das Modal sofort geschlossen wird. https://github.com/artf/grapesjs/blob/a85126883fbeafe3a437b1421b...
artf
Richtig @mcottret, ehrlich gesagt sehe ich nicht einmal mehr den Grund, diesen Befehl zustandsbehält. Deshalb würde ich diese nutzlose 'sender.set('active', 0)' und die Funktion 'stop' daraus entfernen. Sag Bescheid, wenn du eine bessere I...
Hallo, ich versuche, einen benutzerdefinierten Countdown-Timer-Block zu erstellen. Der Code lautet wie folgt: Ich füge Inhalte im Tag 'table' hinzu. In dem Moment, in dem ich den Block per Drag & Drop habe, bekomme ich einen Fehler – Uncaught TypeError: t.get ist keine Funktion. Bitte siehe den untenstehenden Screensh...
artf
Wie du siehst, wird der Fehler durch 'grapesjs-plugin-social' ausgelöst, also nicht mit dem Kern zusammenhängend. Eine einzige Möglichkeit, die ich vorschlagen kann, ist, das 'tbody'-Tag in deinem Tisch zu verwenden
Hallo Artf, Ich bin neu bei diesem Grapesjs. Wie fügt man ein Event für eine Komponente hinzu und erhält das entsprechende JavaScript oder jquery? Vielen Dank an alle
RJCAM
Hallo @dat15021999 GrapesJS unterstützt keinen JavaScript-Code, nur HTML und CSS. Allerdings kannst du den gesamten JS-Code abrufen, indem du die Funktion 'editor.getJs()' ausführst.
Ju99ernaut
Du kannst etwas verwenden wie: '''js const target = editor.getSelected(); const Code = target.get('script') || ''; Etwas Logik zum Anzeigen und Bearbeiten von Code targer.set('script', Code); Du kannst die Plugins grapesjs-script-editor un...
Hallo, Ich habe angefangen, Grapesjs zu benutzen, und aus irgendeinem Grund fehlen einige der Symbole aus dem Block Manager. ! Bild Ich sehe, dass die angezeigten Symbole font awesome verwenden, während die nicht angezeigten Symbole die Klassen "gjs-fonts" und zum Beispiel "gjs-f-b1" tragen. Wenn ich mir das CSS ansch...
EmilIpsen
Nur für den Fall, dass noch jemand das bekommt und hier ohne Antwort landet: Ich hatte dieses Problem, nachdem ich die rohen CSS- + JS-Dateien von unpkg heruntergeladen hatte – genau dieselben Dateien funktionierten einwandfrei, wenn ich v...
sailor95
Hallo @jamejillagit, hast du die Lösung dafür gefunden? Ich habe das Gleiche erlebt.
Version: 0.15.10 Hallo! Ich benutze Jest, um meine Grapes.js Komponenten zu testen. Ich muss das Verhalten meiner Komponenten in einer anderen Umgebung testen, wie zum Beispiel im Bearbeitungsmodus und im Vorschaumodus im Grapes.js Editor. Wenn ich im Bearbeitungsmodus teste, läuft alles gut, aber wenn ich im Vorschau...
Geist
Ich habe vergessen, das Editor-Wrap-Element im aktuellen Dokument hinzuzufügen, sodass meine Editor-Initialisierung im DOM nicht existierte Die Lösung auf 12 Zeilen: <img width="488" alt="solution" src="https://user-images.githubuserconten...
Hey @artf, Schritte: Öffne Canvas mit GrapesJS, wähle eine der Komponenten aus und klicke dann auf 'Go to Random', ich erhalte eine Fehlermeldung "Kann die Eigenschaft 'models' von undefiniert nicht lesen". Das passiert nur, wenn ich 'editor.destroy()' aufrufe, bevor ich zu einer anderen Seite wechsle. Aber wenn ich d...
artf
Danke@cartifon sollte in der nächsten Version behoben werden
Nelida27
Hallo, Ich habe jetzt dasselbe Problem, seit ich auf die neueste Version umgestiegen bin. Sollte ich editor.destroy() aufrufen?
Hallo, Ich habe die benutzerdefinierte Button-Link-Komponente erstellt, und als ich sie zum ersten Mal in Canvas gezogen habe, erkennt die Komponente deren Attribute und Stile. Aber nachdem ich die Komponente gespeichert und die Seite neu geladen habe, fehlt der benutzerdefinierte Komponententyp in dieser Komponente,...
DmitryTar1
Du solltest deiner Komponente einen Typ hinzufügen und ihn dann in isComponent parsen Zum Beispiel der ähnliche Button-Link const components = editor. DomComponents; const Link = components.getType('link'); components.addType('custom-link-...
Ju99ernaut
@krishnaeverestengineering Wie speicherst und lädst du deine Arbeit?
artf
Bitte lesen Sie die Dokumentation https://grapesjs.com/docs/modules/Storage.html
Wenn ich versuche, eine Schriftart zum Style-Manager hinzuzufügen, verwende ich folgenden Code: 'const prop = Editor. StyleManager.getProperty('typografie', 'font-family'); prop.set('options', [ {Wert: "'Oswald', Serifenlos", Name: 'Oswald'}, ... ]);` Wenn ich das jedoch innerhalb eines Plugins (in der index.js), die...
mcottret
Hallo @tasham16! Ich denke, das ist ein erwartetes Verhalten, weil Module geladen werden nach Plugins in der Initialisierungssequenz des Editors, und Sektoren werden erst direkt nach dem Laden zum 'StyleManager'-Modul hinzugefügt. Ich weiß...
tasham16
Vielen Dank! Das werde ich ausprobieren!
artf
Der richtige Weg ist, auf das Laden des Editors zu warten '''js editor.on('load' => { const prop = Editor. StyleManager... }) ```
Hallo zusammen, ich hätte gerne Hinweise darauf, welchen Code ich hinzufügen oder bearbeiten sollte, um das Aussehen der Panels zu ändern. Im Allgemeinen muss ich alle UI-Stile ändern, aber ich möchte mit Blöcken, Ebenen und Style-Managern beginnen. Ich möchte das Layout, die Farben usw. ändern können, damit es zu mei...
Joshmamroud
> @sircoko Kannst du einige Codebeispiele nennen, was du hast, und ausführlicher erklären, worüber du verwirrt bist?Nun, kein Code, aber ich kann meine Bedürfnisse mit einem Bild deutlich besser erklären...Kurz gesagt möchte ich von hier a...
Joshmamroud
@sircoko Kannst du einige Codebeispiele nennen und ausführlicher erklären, worüber du verwirrt bist?
Sircoko
@sircoko Kannst du einige Codebeispiele nennen, was du hast, und ausführlicher erklären, worüber du verwirrt bist? Nun, kein Code, aber ich kann meine Bedürfnisse mit einem Bild besser erklären... Kurz gesagt, ich möchte von hier aus weite...