Hallo, Bitte, ich brauche die Logik, wie man das Modal der Vorlage importiert, wenn die Seite initialisiert wird... Ich benutze das Newsletter-Preset-Plugin Was ich erreichen möchte?: Lass den Nutzer seinen Code hochladen, sobald die Seite geladen wurde. Im Folgenden sind die Logiken, die ich ausprobiert habe, editor....
boomshakar
@boomshakar bitte verwandeln Sie Diskussionen nicht in Probleme. Vermerkt. Danke
boomshakar
Hallo @artf, Ich konnte bekommen, was ich wollte, indem ich klick() direkt auf den Button ausgelöst habe, const modal = bearbeiten. Modal; const query = neue URLSearchParams(location.search); const uploadQuery = query.get('key'); if (uploa...
artf
@boomshakar bitte verwandelt Diskussionen nicht in Probleme
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v100 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Klicke auf eine beliebige Komponente, scrolle im Style Manager zu Decorations > Backgroun...
bit-ocean
Hallo @artf Gibt es eine Chance, dass dieses Feature etwas Aufmerksamkeit bekommt? Ich finde es grundlegend. Seit 0.17.29 (dem letzten grapesjs -Style-BG-Plugin unterstützt) wurde grapesjs viele großartige Funktionen hinzugefügt, und ich w...
Vac1911
Du kannst die Hintergrundfarbe für eine Bildfarbe verwenden, aber die Benutzeroberfläche sieht verwirrend aus und sollte geändert werden. ! Bild
artf
Ja, ich habe das vorherige Plugin mit Farb- und Farbverläufen deaktiviert, da es mit den neuesten Versionen nicht kompatibel ist, aber ich werde bald daran arbeiten. Für den Moment schließe ich dieses Problem, da es nichts mit dem Kern sel...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 98.0.4758.80 (Offizielle Version) (arm64) Reproduzierbarer Demo-Link https://jsfiddle.net/bd2kpjwf/ Beschreibe den Käfer Wie reproduziert man den Bug?Zwei Komponenten hinzufügenÖffnen Sie Browse...
artf
Das Polyfill des Touch-Plugins funktioniert nur, wenn du es mit dem bereits aktivierten Touch-Gerät lädst (versuche, die demo) zu verwenden, also funktioniert es nicht, wenn du später das Touch-Gerät aktivierst.
GJSBlock
Danke, dass du das gemeldet hast, @m-jojo-s. Gute Frage zu Touch Drag-and-Drop funktioniert nicht. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation fü...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v98.0.4758.80Reproduzierbarer Demo-Link https://jsfiddle.net/am1rb/3uzkn5t7/8/Beschreibe den Käfer Wie reproduziert man den Bug?Eine einfache Komponente auf der Leinwand darstellenSetze draggable=false pr...
artf
Ja, die Symbolleiste ist nicht wirklich dynamisch, also musst du, wenn du sie neu berechnen musst, manuell erzwingen musst '''js model.set({ draggable: false, Werkzeugleiste: null }) model.initToolbar(); ```
GJSBlock
Danke, dass du das gemeldet hast, @am1rb. Gute Frage zu Der anfängliche Symbolleisten-Move-Button wird nicht entfernt, wenn man den dragbaren Prop programmatisch auf false setzt. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereigni...
GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? VSCode (WebView innerhalb der VSCode-Erweiterung) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Erstelle eine neue vscode-Erweiterung (oder nutze eine, die du...
artf
Hallo @protozoo ich weiß nicht genau warum, aber es sieht so aus, als würde das vscode-iframe (wahrscheinlich im Sandbox) das native HTML5 Drag & Drop blockieren (das wird bei Blocks verwendet). Da dies nicht strikt mit dem Kern zusammenhä...
GJSBlock
Danke, dass du das gemeldet hast, @protozoo. Tolle Frage zu Block-Drag-and-Drop-Interaktion schlägt im vscode-Erweiterungs-Webview fehl. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Über...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom v96 Reproduzierbarer Demo-Link https://grapesjs.com/demo-mjml.html Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie eine einspaltige Komponente hinzuWählen Sie die Spalte ausKlicke auf die Kop...
artf
Entschuldigung, aber demo-mjml ist ein Plugin und nicht direkt mit dem Kern verbunden. Da ich keine Probleme mit dem Standard-Renderer von Komponenten sehe, die mit dem MJML-Renderer zusammenhängen könnten, habe ich keinen Grund, dieses Pr...
GJSBlock
Danke, dass du das gemeldet hast, @gustavohleal. Tolle Frage zu Komponenten, die beim Klonen, Verschieben oder Hinzufügen verschwinden/nicht gerendert werden. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten AP...
GrapesJS Version [X] Ich bestätige, die neueste Version von GrapesJS Welchen Browser benutzt du? Chrome v100 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Erstellen Sie einen TextblockEinen Stil auf den Block anwenden (Textfarbe)Erstelle eine Klasse und sy...
GJSBlock
Danke, dass du das gemeldet hast, @codingaddicted. Gute Frage zu im Component First-Modus funktioniert die Synchronisation nur beim ersten Mal bei UI-Feedback. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 98.0.4758.80 (Offizielle Version) (arm64) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie einen "Tabs"-Block hinzuKopiere ei...
GJSBlock
Danke, dass du das gemeldet hast, @m-jojo-s. Gute Frage zum paste-Befehl respektiert keine draggable/droppable Eigenschaften. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie di...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v9Reproduzierbarer Demo-Link Nicht dortBeschreibe den Käfer Wie reproduziert man den Bug?Installiere das Grapes JS in der React-App und führe es ausErstellen Sie die Facebook-Plugin-Komponenten und import...
Sudhin35
@artf Bitte hilf mir dabei
artf
Ich sehe kein Problem, wenn ich 'editor.setComponents(... ausführe). FB HTML..)` ! Schermata 2022-03-30 alle 16 30 46 Bitte stellen Sie eine reproduzierbare Demo bereit.
Sudhin35
@artf Danke für die Antwort aber du hast editor.setComponents(... FB HTML..) standardmäßig und dann den Editor geladen Bitte erstellen Sie eine Komponente von FB HTML und ziehen Sie die Komponente per Drag & Drop im Editor, sie lädt nicht...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link Keine Verbindung Beschreibe den Käfer Wie reproduziert man den Bug?... Verwenden Sie ein Demo-JSON, das eine Komponente auf der Leinwand erzeugen kann, setzen Sie eine ID in d...
artf
Hallo @shelendravashishtha2 kannst du bitte die genauen Schritte angeben (ich muss wissen, auf welches 'json' du dich beziehst)?
JonathanRiche
Ich habe gesehen, dass das passiert, wenn man keine Referenz auf das CSS speichert, bevor man die Methode editor.setComponents() verwendet Das gesamte CSS-Markeup aus dem Elements-ID-Selektor/Referenz wird entfernt, wenn die Methode editor...
JonathanRiche
Ich glaube, ich habe das Problem auf meiner Seite mit editor.getComponents().toJSON() gefunden; fügt ein leeres "style":""-Feld zu einigen Komponenten hinzu, was dort CSS löscht ie "Komponenten": [ { "Typ": "Box", "Stil": "", "Attribute":...