Hey @artf ich habe Grapes JS über NPM installiert [ "grapesjs": "^0.15.9"] und ich benutze Vue mit Grapes JS, hier ist mein Code ------------------------------------------------------------------------------------------------------------ Importiere Trauben von 'Grapesjs'; importiere 'grapesjs/dist/css/grapes.min.css';...
Pouyamiralayi
@raghuv9 Erstellung einer benutzerdefinierten Vue-Komponente für Grapesjs: und es tatsächlich zu nutzen: Schau dir dieses Repo für weitere Informationen an. Prost!
Ich habe das Problem, eine Komponente an derselben Position (oben/links) zu ersetzen, die neue Komponente wird immer oben an den Positionen hinzugefügt: 0px / links: 0px; Ich versuche etwas in der Art: '''js const selectedComponent = editor.getSelected(); const coll = selectedComponent.collection; const bei = coll.ind...
artf
Der Code scheint mehr oder weniger in Ordnung zu sein, achte darauf, dass 'Styles' die Positionseigenschaften enthält (und die Komponente hat auch die absolute Position). Wenn es noch nicht funktioniert, versuche bitte, eine reproduzierbar...
Hallo Team, Ich bin neu bei GrapeJS und etwas frischer in JS. Was ich erreichen muss => Ich muss den Container im iframe anzeigen lassen, den ich für die Vorschau lade => Der Abschnitt Blöcke sollte außerhalb des Ioframes auf der Hauptseite liegen, von wo aus ich den Block innerhalb des iFrames per Drag & Drop befinde...
Pouyamiralayi
@Atmiya735 schau dir diesen Fiddle an, der ein benutzerdefiniertes Layout für die Blöcke verwendet. Prost!
Atmiya735
Danke für die Hilfe, aber ich möchte den Container-Abschnitt im iframe und den Block-Bereich außerhalb des iframe implementieren und möchte trotzdem die Funktion des Drag-and-Drop darin erreichen. Bitte helft mir dabei
Pouyamiralayi
@Atmiya735 wenn du in der bereitgestellten Fiddle bemerkst, liegt der Blockabschnitt außerhalb des Iframes. Prost!
Hallo, Ich versuche, mehrere Seiten zu implementieren. Bei mehreren Seiten möchte ich Kopf- und Fußzeile auf allen Seiten teilen, um die Konsistenz zu gewährleisten, daher denke ich, dass der Ansatz darin besteht, sie getrennt zu speichern. Ist das möglich? Irgendeinen Rat?
hellocaio
Das ist, was ich mir denke: const html = $(editor.getHtml()); const Header = html.find("header").html(); const Footer = html.find("footer").html(); Aber ich mag es nicht, dass ich jQuery benutze :/.... Gibt es irgendeine Möglichkeit, das z...
artf
Ich bin mir nicht sicher, ob es eine gute Idee ist, sie so zu trennen. Wahrscheinlich wäre der beste Ansatz, etwas wie "Symbols" zu haben, um Komponenten synchron zu halten, aber das ist in GrapesJS noch nicht implementiert. Fürs Erste wür...
Zum Beispiel habe ich ein Component-Image, das in Div gewickelt ist. Ich möchte das Bild mit mehreren Eigenschaften (horizontale Position, Randradius usw.) stylen. Beim Aktualisieren der horizontalen Position muss das aktuelle Element - Div aktualisiert werden Beim Aktualisieren des Grenzradius muss das Child Element...
Pouyamiralayi
@obrazkow Du kannst auf den Elternteil so zugreifen: 'component.parent();' und für die Kinder: 'const collection = component.components();'Außerdem habe ich so ein Problem mit Trait, dass ich SRC nicht für img aktualisieren kann. Prost!
Pouyamiralayi
Mit deinem Lösungs-Merkmal kennst du den src-Wert nicht, und die Eingabe wird in der Init-Editor-Phase leer sein. Ich verstehe nicht, wovon du sprichst!Was hältst du von meiner Lösung mit der Init-Methode 'Override' Target Du behandelst ei...
Obrazkow
@pouyamiralayi Genau das habe ich gemacht, aber bei einer solchen Lösung hat die ausgewählte Komponente ein Attribut oder einen Stil, der nur eine Kindkomponente benötigt.
Ich benutze den Editor, generiere einen HTML-String und speichere ihn in einer Datei. Aber bevor ich speichere, muss ich alle &, < > Zeichen kodieren. Bitte helft mir
Pouyamiralayi
@suchiitsme Prost!
artf
In der nächsten Version werden wir HTML-Zeichen https://github.com/artf/grapesjs/pull/2446
Ich habe versucht, das in deiner Demo zu reproduzieren, konnte aber nicht, aber ich habe das seltsamste Problem. Ich hatte gehofft, du könntest mich beim Debuggen in die richtige Richtung weisen. Sobald ich das HTML in localStorage speichere und die Seite aktualisiere (du siehst eine kurze Pause im Screencast), fügt g...
artf
Es sollte nur passieren, wenn du ein HTML anhängst, das eine bereits definierte ID enthält, sodass der Editor es erhöht, um Konflikte zu vermeiden. Bist du sicher, dass du denselben Inhalt nicht zweimal anhängst?! In jedem Fall ist die Fun...
artf
Benutzt du die neueste Version?
kickbk
@artf, ja, das tue ich. 0.15.9, obwohl es bei früheren Versionen genauso ist. Ich habe versucht, alle Plugins zu entfernen, um alles sehr sauber zu halten, aber ich bekomme das immer noch, sobald localStorage erstellt wird. Hat jemand eine...
Ich habe eine Frage. Wenn die CSS-Eigenschaft zur StyleManager-Konfiguration hinzugefügt wird, habe ich zum Beispiel Farbe hinzugefügt und die Standardwerte auf Grün gesetzt (nur zum Test): 'Name: 'Typografie', offen: falsch, buildProps: ['farbe'], Eigenschaften:[{ name: 'Font color', property: 'color', Standardwerte:...
artf
Hallo, @angyLe der Style-Manager baut einfach Properties, in einer Art "Blindway", und einige ihrer Properties beeinflussen das Ziel (Komponente/Regel) nicht direkt. In diesem Fall sind die 'Defaults' eher ein Hinweis, der dem Nutzer gezei...
angyLe
Ich wollte die Eigenschaften nicht anders machen als in der Spezifikation. Ich wollte nur den Standardwert für bestehende Eigenschaften festlegen. Zum Beispiel möchte ich, dass die Breite des Textfelds 100px beträgt, also wenn es zur Leinw...
Balchen
@artf Es tut mir leid, ich konnte deine Antwort nicht verstehen (@angyLe und ich arbeiten gemeinsam daran, Grapesjs in unserem System zu implementieren, daher weiß ich, was die Frage war). Wenn ich Ihre Antwort lese, verstehe ich, dass Sie...
Ich benutze die unteren Versionen. "grapesjs": "^0.14.62", "grapesjs-preset-newsletter": "^0.2.20", Ich glaube, das sind die neuesten Versionen in NPM. Ich bekomme den undefinierten Fehler. Sieh in deinen früheren Beiträgen, dass die Version falsch war, aber ich glaube, meine ist aktuell.
Pouyamiralayi
@chezhiane du neueste Version nicht benutzt. Prost!
Ich benutze Das funktioniert, aber nur für Blöcke, die nach der Initialisierung manuell hinzugefügt oder per Drag Drop in den Editor übertragen werden. Wenn wir 'components' angeben, wenn wir 'grapesjs.init({..., components: [..]}) aufrufen,', die in 'komponenten' definierten Komponenten besitzen die Eigenschaften nic...
artf
derzeit gibt es ein Problem beim Speichern benutzerdefinierter Typen, es sei denn, sie sind innerhalb eines Plugins definiert. Kein Problem 😬, du musst nur benutzerdefinierte Typen vor dem Inhalt laden, und die Verwendung von Plugins ist...
varadero
So kann sie reproduziert werden:Geh zu https://jsfiddle.net/nwsy6mv1/3/Blöcke öffnen und den "1-Spalten"-Block platzierenKlicken Sie in die Spalte und gehen Sie zu "Einstellungen"Du siehst das Dropdown-Merkmal mit dem Label "Trait label"Zu...
Pouyamiralayi
Hallo @varadero bitte definieren Sie Ihren benutzerdefinierten Typ als Plugin. Prost!