Meine Situation: Ich importiere langsam einige meiner individuell erstellten UI-Komponenten in 'ReactJS' in 'GrapesJS'. Jetzt kann ich die Komponente richtig rendern, indem ich sie mit Backbone integriere. Aber meine Frage ist: Kann ich '<link'-Tags verwenden, um meine eigenen benutzerdefinierten Styles herunterzulade...
asieraduriz
Hallo @pouyamiralayi Danke für die schnelle Antwort. Das scheint jedoch nicht ausreichend zu sein, da ich nach einer Möglichkeit suche, meine gerenderte Komponente mit den gewünschten Stilen zu sehen, aber auch, wenn ich das Projekt export...
artf
Einfach in den Editor mit deinem '<link>' in der Vorlage legen, es wird im Canvas geladen und du kannst es im Exportcode sehen
Pouyamiralayi
Hallo @fasaas du kannst deine globalen Styles auf diese Weise injizieren: Das Gleiche gilt für deine benutzerdefinierten Skripte. Mehr dazu hier Prost!
Ich versuche, 'defaultCommand: 'open-blocks'' zu verwenden, aber der Style-Manager ist standardmäßig ausgewählt Danke!
Pouyamiralayi
Danke @naveen-15697, deine Lösung funktioniert wirklich großartig! Gut gemacht. @romariolopezc passt das zu deiner Situation? Wie von @naveen-15697 vorgeschlagen, musst du so machen: und die Button IDs für das Panel "views" sind:Open-SMOpe...
Naveen-15697
@pouyamiralayi verhält es sich nicht wie erwartet.Wenn ich beim Laden 'editor.runCommand('open-blocks')' verwende, ist das Komponenten-Symbol nicht ausgewählt. Ist unten am Style Manager angehängt! 2019-11-11-085143409x567scrot! 2019-11-11...
rlopzc
@pouyamiralayi @naveen-15697 funktioniert es!! Ich benutze es außerhalb der Last, nachdem ich die Trauben initialisiert habe. Wenn ich es beim Laden benutze, sehe ich eine kleine Verzögerung, wenn ich vom Style-Manager auf 'Open-Blocks' we...
Ich kann nicht herausfinden, wie ich die Linienhöhe zu ckeditor hinzufügen kann. Ich habe die Dokumentation von ckeditor gelesen und alle Schritte gemacht, die sie anbieten, um das ckeditor-Plugin hinzuzufügen, aber das Icon wird nicht in der Symbolleiste angezeigt und ich bin mir nicht einmal sicher, ob das Line-Heig...
Navewi
Okay, egal. Ich hatte einen Charakterfehler "=" statt ":" in der Konfiguration. Für alle mit demselben Problem: Um ein ckeditor-Plugin in grapesjs hinzuzufügen, fügen Sie den extraPlugins-Befehl in den Plugin-Optionen in der init-Funktion...
Ich möchte zusätzliche Funktionen zum Drag & Drop der Komponenten hinzufügen, um eine einfache Größenänderung und Umpositionierung zu ermöglichen, ohne manuell durch die Panels auf der rechten Seite des Bildschirms gehen zu müssen. Können Sie bitte einige Hinweise geben, worauf Sie sich in der Codebasis konzentrieren...
Pouyamiralayi
erlauben eine einfache Größenänderung Du kannst "resizable: true" zu deiner Komponententyp-Definition hinzufügen.Funktionalität für das Drag & Drop von Komponenten Du kannst dies entweder im Editor oder in einer bestimmten Komponente anwen...
Rodenp
Danke @pouyamiralayi für deine Orientierung. Funktioniert das auch für Dinge wie Spalten?
Pouyamiralayi
@rodenp ja! Jeder Komponententyp kann diese Eigenschaft nutzen.
Fiddle repliziert das Problem: https://jsfiddle.net/gd8mo3e4/1/ Ich habe eine benutzerdefinierte Komponente, um eine Galerie von PDF-Dokumenten zu erstellen. Es gibt einen benutzerdefinierten Asset-Manager, der sich öffnet, wenn der Block in den Editor gelegt wird, sodass du das PDF auswählen kannst, das dann das Thum...
smik3
Das Thumbnail/Bild, das in den Editor eingegeben wird, sollte skalierbar sein, um zum Container zu passen. Ich sehe es beim ersten Laden in Originalgröße, alle nachfolgenden Block-Adds passen korrekt in die Spalte, in die sie geworfen werd...
smik3
Ein paar Screenshots, die das Verhalten zeigen, das ich sehe... <img width="1021" alt="Screenshot 2019-11-06 um 11 32 16" src="https://user-images.githubusercontent.com/19346508/68294968-394ba600-0089-11ea-941a-e441d3469c6f.png"> <img widt...
artf
ich schätze, das hängt mit diesem hier zusammen und wahrscheinlich auch mit diesem @artf Mmm, nicht wirklich Die Änderung von 'modelThumbElement.setAttributes({"data-gallery":fileName});' in 'addAttributes' scheint das Problem zu beheben,...
Hallo zusammen, Ich baue ein Projekt mit dem grapesjs-Editor und möchte es dem Nutzer ermöglichen, seine Website ganz einfach mit dem Editor zu erstellen. Dafür möchte ich so viele Blocks wie möglich von Deafult haben, um ihm dabei zu helfen. Was auch immer ich habe, es ist nicht da, ich plane, sie selbst zu bauen. Es...
adityaMurarka
Hallo! Du kannst die Liste der Plugins angeben, die du möchtest: Prost! Hallo pouyamiralayi, Ich habe deinen Ansatz ausprobiert, aber es hat nicht funktioniert. Wenn ich versuche, das GrapesJS Newsletter Preset zu importieren, bekomme ich...
Pouyamiralayi
@adityaMurarka ich das Problem sehe, gibt es wohl einige Konflikte, wenn sie alle zusammenkommen! Abgesehen von "MJML" habe ich das gemacht (es lässt nur wenige Gegenstände fallen): Bitte beachte die Reihenfolge der Artikel, außerdem habe...
adityaMurarka
@adityaMurarka ich das Problem sehe, gibt es wohl Konflikte, wenn sie alle zusammenkommen!'MJML' außen vor lassen, hier habe ich das gemacht (es lässt nur wenige Gegenstände fallen): bitte beachten Sie die Reihenfolge der Artikel, außerdem...
Hallo, Ich möchte im grapejs-Editor ein anklickbares Fragezeichen hinzufügen, auf das wir klicken können, um dem Nutzer Informationen darüber zu geben, was diese spezielle Spezifikation bewirkt. ! Bild Es würde ein Modal mit allen Informationen öffnen, die wir geben könnten, wenn wir die Eigenschaft zu einem Sektor hi...
artf
Derzeit gibt es keine Dokumentation zum Erweitern/Aktualisieren der Style-Manager-Eigenschaften (ich habe nur ein paar Plugins wie grapesjs-style-filter und grapesjs-style-gradient entdeckt, aber das reicht nicht aus) und ehrlich gesagt is...
ColinTenaguillo
Hier ist, was ich heute mit ein paar Modifikationen gemacht habe: ! ezgif-3-c8ae3aaa7dc0 Es ist der Look, den ich wollte, jetzt muss ich nur noch einen Weg finden, den gewünschten Inhalt ins Modal zu bringen
ColinTenaguillo
Hey, wie kann ich meinen Branch mit meiner Änderung für eine Pull Request veröffentlichen? '''js export default Backbone.View.extend({ template(model) { const pfx = this.pfx; Rückkehr ' <div class="${pfx}label"> ${this.templateLabel(model)...
Was wir brauchen, ist, eine Seite einmal zu erstellen, aber den Textinhalt in mehrere Sprachen zu übersetzen. Stellen Sie sich ein sehr einfaches Beispiel eines einzelnen Textblocks vor, der "Hallo" sagt – wir wollen die Nutzer nicht zwingen, eine weitere Seite mit demselben Textblock in einer anderen Sprache zu erste...
varadero
Schließend ein Duplikat von https://github.com/artf/grapesjs/issues/2342
Pouyamiralayi
@varadero i18n-Modul steht auf der Roadmap Prost!
varadero
@pouyamiralayi Aber ist das i18n dort nicht nur ein Modul, mit dem man GrapesJS selbst übersetzen kann, nicht den Inhalt, den der Nutzer erstellt hat?
Ich habe ein CMS in Laravel gebaut und GrapesJS genutzt, um den Page Builder perfekt zu machen, ich habe nur eine Komponente für "Posts" erstellt, sodass Nutzer eine Kategorie auswählen können, bei der auch Beiträge begrenzt werden wollen. Nachdem ich das Limit oder die Kategorie ausgewählt oder geändert habe, wird ei...
artf
@gentritabazi01 Hier '''js if(data.status == 'erfolgreich') { component.set('content', data.html); } ``` Du kannst 'component.components(data.html)' verwenden, das ersetzt den Inhalt durch einen neuen, der vom Server zurückgegeben wird
Pouyamiralayi
@gentritabazi01 Soweit ich weiß, ist es keine gute Idee, sich für die eigene Datenschicht-Logik auf den Editor-Speicher zu verlassen.speichere ich alle Seiteninhalte per Befehl von GrapesJS: editor.store().html in der Datenbank Sie können...
Wir wollen Folgendes erreichen:Markiere unsere Block-HTML-Elemente mit einigen Klassen wie:Fügen Sie einige Stile hinzu, die CSS-Klassen definieren, wie:Mit dem GrapesJS-Style-Manager möchten wir die oben genannten CSS-Klassen ändern, damit wir eine "Container background color"-Einstellung haben, die die "background-c...
artf
wollen wir fast alles aus dem Style Manager entfernen Du kannst ändern, was im Style Manager angezeigt wird: https://grapesjs.com/docs/getting-started.html#style-manager Und es funktioniert basierend auf dem, was in der Leinwand ausgewählt...
Amenk
Das ist sehr interessant! @varadero Hast du damit Erfolg und hast vielleicht etwas Code zum Teilen?
varadero
Das ist sehr interessant! @varadero Hast du damit Erfolg und hast vielleicht etwas Code zum Teilen? Wir haben CSS bereitgestellt, wenn wir Grapesjs initialisieren. Das CSS wird woanders erstellt, nicht im Grapesjs-Builder.