Hey, I know it got explained, how to use this but I didn't understand... How do I use this?
FreshImmuc
:/
GJSBlock
Danke, dass du das gemeldet hast, @FreshImmuc. Tolle Frage zu Wie. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche nach...
Hallo, danke, dass du mein Problem überprüft hast. Ich möchte meinen eigenen JSEditor verwenden, um html、css und js zu bearbeiten. 1、Zuerst benutze ich 'getHtml', 'getCss', 'getJs', um den Code in meinem JSEditor anzuzeigen. Und ich habe festgestellt, dass der JS-Code komprimiert ist. Wie bekomme ich einen unkomprimie...
artf
Das 'Skript', das von Komponenten mit JS verwendet wird, basiert auf demselben Code aus deinem Quellcode. Wenn du zum Beispiel ein Plugin erstellst und es dann mit Webpack/Babel baust, wird die Komponente das Ergebnis aus dem Build ausdruc...
xinnai
@artf Hallo, ich bin mir nicht sicher, ob du meine Frage verstehst. Ich möchte den JS-Code in meinem eigenen JS-Editor bearbeiten, zuerst setze ich den JS-Code aus deinem Editor mit 'getJs()', aber in deinem demo.html sieht es so aus: ! 14...
artf
'autoBeautify' ist eine Option, die an CodeMirror weitergegeben wird, aber in jedem Fall könnte es den Code verschönern, aber nicht entkomprimieren, da der Code selbst so in der Komponente gespeichert wird
Ich möchte meinen eigenen Stylemanager mit einem UI-Framework wie Element-UI erstellen, um schnell eine schöne Benutzeroberfläche zu erstellen. Aber wie kann ich die Eigenschaften an eine ausgewählte Komponente binden? Ich habe keine API wie 'setProperties to an element...' gesehen. Kannst du dir helfen, wie das geht?...
RutujaBadbe
#2296 Das könnte dir helfen!
artf
Ich denke, so etwas sollte funktionieren, wenn du den Style Manager von Grund auf erstellen musst '''js let targetsToStyle = []; const eventToListen = 'component:toggled component:update:classes change:state change:device'; const sm = Edit...
xinnai
@artf Das ist genau das, was ich brauche! Vielen Dank!
Ich arbeite daran, grapejs mit Vue.js zum Laufen zu bringen, habe aber keinen Erfolg, ich folge dem Beginnen, aber ich bekomme es nicht richtig zum Laufen. Bisher habe ich es im mounted() -Bereich hinzugefügt und einige Buttons mit Blöcken angezeigt und hinzugefügt, allerdings hatte ich keinen Erfolg, den Panels and B...
uchoaaa
Schau dir dieses Problem an, vielleicht hilft es: https://github.com/artf/grapesjs/issues/275
artf
Hallo @joshk132 ehrlich gesagt sieht der Code gut aus, kannst du eine reproduzierbare Demo erstellen (zum Beispiel Codesandbox)?
joshk132
@artf habe ich es so zum Laufen gebracht, dass die Panels angezeigt werden, aber jetzt wird es nicht mehr richtig angezeigt. Die Lösung, die ich tun musste, war, den untenstehenden Code zu verwenden. Im Grunde musste ich "Editor" als Varia...
Diese Methode verwendet das JS, das in deinen Komponenten verwendet wird. Wenn du also keine Komponenten mit JS hast, ist es leer
GJSBlock
Danke, dass du das gemeldet hast, @NagarRahul. Tolle Frage zu FEAT: Ich versuche, js mit der getJs()-Methode zu bekommen, aber ich bekomme den Nullwert. Wie kann ich JS bekommen?. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der erei...
Version: 0.16.44 Kannst du den Fehler aus der Demo reproduzieren?[x] Ja[ ] Nein Setze 'Editor'. parser.getConfig().keepEmptyTextNodes = true;' in der Konsole und versuchen dann, ein Formular in ein zweispaltiges Plugin zu ziehen. Was ist das erwartete Verhalten? Beschreibe den Bug detailliert Nach meiner Beobachtung w...
artf
Nun, ja, das ergibt Sinn, wahrscheinlich sollten wir das erste "gültige" Element nehmen (das, das tatsächlich 'Übereinstimmungen' unterstützt). Aber ich bin auch neugierig auf deinen Fall für die Verwendung von 'keepEmptyTextNodes'. Vor ei...
neilkyoung
@artf Ein System, das wir für das Erstellen von Webseiten verwenden, implementiert dies. Obwohl wir sie jetzt dank deines obigen Kommentars davon überzeugt haben, dies zu deaktivieren, :-D
artf
Super, dann schließe ich das. Sag Bescheid, falls bei dir etwas mit dieser Änderung nicht stimmt oder anders ist.
Hallo! Ich habe versucht, jquery sowohl in Canvas als auch in index.html hinzuzufügen Ich füge es so in Canvas hinzu – 'Canvas = Editor. Leinwand; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' und auf der...
artf
Hier kannst du sehen, wie man Abhängigkeiten richtig lädt https://grapesjs.com/docs/modules/Components-js.html#template-related
GJSBlock
Danke, dass du das gemeldet hast, @RutujaBadbe. Der Fehler ReferenceError: $ ist nicht definiert tritt auf, wenn Canvas versucht, auf Eigenschaften zuzugreifen, bevor der Komponentenlebenszyklus vollständig initialisiert ist. Dies ist eine...
Hallo, Ist die Facebook-Social-Media-Komponente dazu gedacht, einen Facebook-Link zu einer Facebook-Seite eines Unternehmens oder einer Organisation bereitzustellen, oder ist sie ausschließlich dazu gedacht, etwas Spezifisches für Ihre Zeitleiste zu teilen? Es scheint Letzteres zu sein, obwohl das mir kontraintuitiv e...
artf
Ich schätze, du suchst dieses https://github.com/artf/grapesjs-mjml
HeyWrecker
Ah, dann mein Fehler, danke!
HeyWrecker
Als Anschlussfrage habe ich bestätigt, dass die Instagram-Social-Media-Komponente auf die Instagram-Profilseite verlinkt. Die Facebook-Option hingegen verlinkt nicht auf die Facebook-Seite.
Hallo, danke für Ihre Arbeit. Ich bekomme ein Problem. Ich möchte eine Codepen-ähnliche Ansicht erstellen und die Grapesjs-Ansicht nach oben und unten ziehen lassen. Aber wenn ich es ziehe, gehen die Werkzeuge in die falsche Position und auch die Position der Hover-Highlight-Elemente ist falsch. Ich habe splitjs und a...
Ju99ernaut
Du kannst versuchen, 'editor.refresh()' auszuführen.
xinnai
@Ju99ernaut Vielen Dank, du hast mir den Tag gerettet!
GJSBlock
Danke, dass du das gemeldet hast, @xinnai. Tolle Frage zu gjs-cv-tools in einer falschen Position, wenn ich grapesjs in Splitpanes setze. Der empfohlene Ansatz bei GrapesJS ist, die eventgesteuerte API zu verwenden. Fang hier an: Überprüfe...
Wir arbeiten an einem CMS-System, das grapes JS verwendet. Wir haben eine Bedingung entwickelt, dass wir im "mediaCondition" kein Seitenverhältnis hinzufügen können, indem wir die Orientierung beibehalten. Unser Design-Editor bietet Hoch- und Querformat-Designmodi mit 16:9. Wir möchten aber mehr Seitenformate hinzufüg...
artf
Entschuldigung, kannst du besser erklären, was du brauchst? Was ist das endgültige CSS, das man vom Editor erwarten würde?
no-response[bot]
Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...
GJSBlock
Danke, dass du das gemeldet hast, @Nigus. Tolle Frage zu Frage: Wie kann man im Geräte-Manager verschiedene Seitenverhältnisse zu mobilen Geräten hinzufügen.. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API....