Hallo Team, Ich versuche, das Grapes CLI-Tool (https://github.com/artf/grapesjs-cli) zu verwenden, um ein Plugin für ein React-Projekt zu erstellen. Das CLI-Tool erstellte blocks.js, components.js und eine index.js Dateien. Die index.js-Datei enthält den folgenden Code: Welche der folgenden Elemente sollte verwendet w...
Pouyamiralayi
@arunkumar413 diese Ausgabe muss unter grapesjs-cli veröffentlicht werden.Welche der folgenden Elemente sollte verwendet werden, um Komponenten zu definieren? Du musst deine Komponenten unter der Datei ''components.js'' definieren. "loadCo...
artf
Könntest du bitte ein paar Codesandboxen erstellen, damit wir besser verstehen, wie man Grapesjs mit React, JSX, UI-Toolkits wie material-UI usw. verwendet? https://github.com/artf/grapesjs/issues/2370#issuecomment-550515205
Hallo Team, Ich versuche, die Material-UI-Komponenten mit den Trauben zu verwenden, aber die Material-UI-Komponenten werden nicht wie erwartet gerendert (https://codesandbox.io/s/grapesjsapp-umxf5). Ich habe diese Vorlage (https://github.com/prashant2018/GrapesJs-React) verwendet, um die Materialoberfläche zu testen....
Pouyamiralayi
@arunkumar413 für den Material-Anwendungsfall siehe bitte gramateriabitte den Anwendungsfall dieses Tools erläutern Grapesjs ist ein Vorlagenbauer, der derzeit das Web unterstützt. Außerdem bietet es APIs, die leicht mit jeder Art von CMS...
artf
Könntest du bitte den Anwendungsfall dieses Tools erläutern? Ist dieses Tool dafür gedacht, Komponenten mit den regulären HTML-Tags zu erstellen, im Gegensatz zu einem beliebigen Framework wie React? Oder ergänzt das das React, Angular, Vu...
Rishabh-Voraussehen
Ich konnte Material UI mit GrapesJS integrieren, aber ich stecke bei der Integration von ApexCharts fest. Kann sich das jemand anschauen? 'CodeSandBox'. Vielen Dank im Voraus
Im neuen Dragmode wird der Stil der Komponente nach dem Ziehen der Komponente nicht aktualisiert. Erwartetes Verhalten:Element ziehen, indem man auf die Komponente (oder das Werkzeugleisten-Symbol) klickt.Nachdem die Komponenten 'abgeworfen' wurden, sollte der Stil mit der neuen Position aktualisiert werden Aktuelles...
artf
Haben eine Menge x- und y-Werte (zum Beispiel 0px und 0px) Für x/y meinst du links/oben?
MartinPutz
Ja, links und oben sollten sich ändern und aktualisiert werden, aber sie bleiben gleich.
artf
Ich sehe, dass sie sich erst nach der erneuten Auswahl der Komponente ändern, kannst du das bestätigen?
[Bug]: Hallo, ich habe Grapes JS in ein asp.net Core / Angular-Projekt integriert. Ich habe zwei Probleme:Nach dem Hinzufügen von Blöcken werden zufällig die Symbolleiste und der Textmarker an falschen Stellen angezeigt. ! screenpositionWenn ich auf den Datapicker klicke, wird er an einer falschen Position außerhalb m...
artf
Zum Thema Farbposition siehe dieses https://github.com/artf/grapesjs/issues/1533#issuecomment-432146597
artf
@picozzo92 Können Sie eine minimal reproduzierbare Demo dieses Problems erstellen? Ich arbeite an einer großen Leinwand-Refaktorisierung, die wahrscheinlich alle damit verbundenen Probleme beheben wird, eine reproduzierbare Demo wird helfe...
SaleDrache
Ich hatte dasselbe Problem mit der Positionierung des Colorpickers und kam zu dem Schluss, dass seine Position mit dem Bildschirm-/HTML-Tag zusammenhängt (Position: absolut, links: x px), aber wenn ein übergeordnetes Element mit GJS-Editor...
Hier ist eine Arbeitsdemo der Ausgabe Schritte zur Fortpflanzung:Eine Komponente auswählenVersuche, es aus der Werkzeugleiste zu ziehen Man sieht, dass die Komponente sofort nach links springt. Obwohl es gut funktioniert, wenn man versucht, die Komponente einzeln zu ziehen (und nicht die Werkzeugleiste zu verwenden)....
emilsedgh
Oh, ich habe versucht, es vor der Meldung zu finden, aber ich konnte es nicht. Danke. Dann schließe ich diesen hier.
Pouyamiralayi
@emilsedgh gibt es eine offene Diskussion dazu hier
alemenciones
Das wurde doch in der letzten Version behoben, oder? Ich brauche eine Lösung, wenn ich auf mobilen Geräten außerhalb von iframe ziehe
Hallo Team, Ich habe gerade angefangen, mit Grapesjs zu spielen, und möchte die bestehende/aktuell funktionierende React-Vorlage/-Komponente im UI-Editor von Grapesj verwenden. Und konvertiere auch die in Grapesjs erstellte Vorlage in das React/JSX-Template/Component-Format. Könntest du mir bitte mitteilen, ob das mit...
artf
@arunkumar413 sind wir noch nicht an dem Punkt, direkt mit React-Komponenten zu arbeiten, aber etwas bewegt sich #1970
Pouyamiralayi
Hallo! Bitte lesen Sie die Setup-Anleitung und danach können Sie "editor.addComponents(<div>Hello JSX</div>)" verwenden, um Komponenten hinzuzufügen. für framework-spezifisches JSX kannst du auch Processor Callbacks verwenden. Prost!
Mein Team und ich haben eine Anwendung entwickelt, die grapesjs nutzt, um eine E-Mail-Vorlage zu erstellen. Wenn Bilder in die Vorlage eingefügt werden, werden sie automatisch base64-kodiert, was sich als Zeile 77 von: https://github.com/artf/grapesjs/blob/dev/src/asset_manager/config/config.js#L77 herausstellte. Da s...
artf
@timkelly0810 die Kodierung deaktivieren, wird einfach falsch diese Option ALLES, WAS DU ÜBER DAS HOCHLADEN VON ASSETS WISSEN MUSST, FINDEST DU HIER: https://grapesjs.com/docs/modules/Assets.html#uploading-assets
Pouyamiralayi
Bild-Upload-Funktion hinzufügen
timkelly0810
Wie sendet Grapesjs Bilder an eine Datenbank? Wir versuchen herauszufinden, wie Grapes Bilder an den Frühling sendet, damit wir unsere Datenbank so einrichten können, dass sie die eingehenden Bilder empfängt.
Hallo, Ich habe eine benutzerdefinierte Komponente für einen Umschaltknopf erstellt. Mein Problem ist, dass sobald ich mehr als eine ziehe und absetze und dann eine davon bearbeite, alle Instanzen hinsichtlich Farbe, Größe usw. aktualisiert werden. Ich benutze die neueste Version von Grapesjs ~~~~ Redakteur. BlockMana...
Pouyamiralayi
Hallo! Ich vermute, das liegt daran, dass deine Blöcke ähnliche Klassen besitzen und gemeinsame Selektoren haben. In der neuesten Version ist "avoidInlineStyle" standardmäßig wahr, also erlebst du das auch in der neuesten Version?
artf
Die Vermutung von @pouyamiralayi ist richtig, das passiert wegen derselben Klassen und man muss sie im Style-Manager umschalten, damit nur der Komponenten-Stil stilierbar ist. Übrigens werde ich hoffentlich bald versuchen, eine intuitivere...
Beschreibe den Fehler (dies tritt in der neuesten Version nicht auf, dieses Problem ist nicht gültig.) Angenommen, wir haben eine Eigenschaft in unserem Komponentenmodell, die ein Objekt ist. Versuchen Sie dann, diese Eigenschaft im Skript zu interpolieren: Was Sie erhalten, ist eine Zeichenkette '[Object Object]'. Sc...
Beispiel: https://jsfiddle.net/benvmatheson/g1ft06qh/8/ Importiere einen Stil mit einer Texteigenschaft. 'Text-Shadow:rgb(51, 166, 58) 4px 4px 4px;' Das funktioniert korrekt, und der Gegenstand wird korrekt angezeigt. Sobald der Gegenstand jedoch ausgewählt ist, wird der RGB-Wert weggelassen und durch 0 ersetzt. 'text...
benvmatheson
Es sieht so aus, als würde 'targetUpdated' zweimal ausgeführt, wenn das Element angeklickt wird. Einmal mit dem richtigen Wert 'rgb(89, 89, 89) 5px 6px 7px' und ein zweites Mal mit 'rgb' gelöscht '0 5px 6px 7px'. Das würde erklären, warum...
artf
Ja, ich bin mir dieses Problem bereits bewusst. Leider ist der Style-Manager-Parser ziemlich dumm und er teilt den Wert einfach durch einen Separator, in diesem Fall ''' '' (Raum), und verteilt Splits auf relative Eigenschaften nach deren...
benvmatheson
Das scheint ein großes Projekt zu werden, wegen der Abhängigkeiten zwischen den Browsern. Wäre es sinnvoll, ein Drittanbieter-Modul einzubauen, anstatt zu versuchen, das in Grapes zu lösen?