Hey, ich weiß, es wurde erklärt, wie man das benutzt, aber ich habe es nicht verstanden... Wie benutze ich das?
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 Anfang, aber ich bekomme es nicht richtig zum Laufen. Bisher habe ich es im Bereich 'montiert()' 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 zum Laufen gebracht, wo 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 Variable v...
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 falscher Position, wenn ich Trauben in Splitpanes stelle. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Si...
Wir arbeiten an einem CMS-System, das Trauben JS verwendet. Wir haben eine Bedingung entwickelt, bei der wir das Seitenverhältnis in der "mediaCondition" nicht hinzufügen können, indem wir die Orientierung beibehalten. Unser Design-Editor bietet Hoch- und Landschaftsdesign-Modi mit 16:9-Format. Aber wir möchten mehr S...
artf
Entschuldigung, kannst du besser erklären, was du brauchst? Was ist das endgültige CSS, das man vom Editor erwarten würde?
Keine Antwort[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....