Hallo, bitte wie implementiert man am besten einen Multiple-Page Manager in einer React-App? Ich habe das erfolgreich ohne Page Manager so implementiert: Für die Implementierung des Seitenmanagers probiere ich Folgendes aus: Hier werde ich für Seitenmanager undefiniert. Ich wäre für jede Hilfe dankbar, bitte. Danke
artf
Ich glaube, du benutzt einfach eine alte Version von GrapesJS
GJSBlock
Danke, dass du das gemeldet hast, @Ubanna. Tolle Frage zu undefiniert für mehrere Seiten Manager in React. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokume...
0.17.19 Kannst du den Fehler aus der Demo reproduzieren? JA Was ist das erwartete Verhalten? Ich hatte eine Frage bezüglich iframe-Aktualisierung (#3413) gestellt. Die vorgeschlagene Lösung funktionierte für diese Version (0.17.3), und nachdem der Code ausgeführt wurde, sollte der iframe aktualisiert werden und die Le...
artf
Ich müsste nachsehen, warum er immer noch versucht, den Rahmen zu entfernen, aber vorerst einfach diese Zeile 'frameView.remove()' überspringen.
theSC0RP
@artf. Danke. Das funktioniert, wenn es einmal gemacht wird. Wenn ich eine Aktion wie einen Klick im Canvas ausführe und dann erneut 'frameWrapView.render()' ausführe, bekomme ich einen weiteren Fehler. Der Screenshot und ein Video dieses...
artf
Ich werde versuchen, das in der nächsten Version zu beheben, aber vorerst musst du die Komponenten vor 'frameWrapView.render()' deaktivieren und nach dem Rendern wieder auswählen
Was versuchst du zu GrapesJS hinzuzufügen? Bessere Shadow-DOM-Unterstützung, die es Entwicklern ermöglicht, GrapesJS innerhalb eines Shadow-Elements zu rendern, ohne Elemente gezielt einfügen zu müssen, anstatt Selektoren in der Konfiguration zu verwenden. Beschreibe deine Feature-Anfrage detailliert Wenn derzeit Elem...
artf
Hallo @AStoker ich verstehe nicht, was das eigentliche Problem an deinem Beispiel ist (abgesehen davon, dass du GrapesJS-Stile nicht in deinem Schatten-Dom geladen hast). Wenn du Shadow Dom anhängst, kannst du natürlich diesen 'Container:...
AStoker
Das Problem ist, dass ich HTML-Elemente überall weitergeben muss und keine Selektoren verwenden kann. Das zu schreiben kann umständlich werden, da ich jetzt für jedes Panel, jedes Element, alles, was wir in GrapesJS einbinden, den Abfrages...
AStoker
Ich habe das JSFiddle aktualisiert, damit du sehen kannst, was wir tun müssen, um Styles innerhalb von Shadow DOM zu bekommen. Aber leider existiert das CSS, das von GrapesJS automatisch hinzugefügt wird, auf dem Körper und verschmutzt sow...
Ich bin neu bei Trauben, ich versuche, die Blöcke beim Ziehen in einem anderen Stil herzustellen zum Beispiel die Bildblöcke 1 – wenn nicht gezogen oder schwebend, nimmt er Stil A an. 2 – wenn der Hover Stil B annimmt. 3- Beim Ziehen nimmt Stil C (wenn es über der Leinwand liegt). Kann mir jemand bei diesem Problem he...
Ronaldohoch
Vielleicht schaffst du es mit diesen Events: https://grapesjs.com/docs/api/editor.html#blocks oder https://grapesjs.com/docs/api/editor.html#canvas
artf
In so einem Fall ist wahrscheinlich eine komplett benutzerdefinierte Blockmanager-UI der einzige Weg (z. B. von deiner eigenen BlockManager-Komponente in Angular gerendert). Es sollte schon möglich sein, aber ich nehme mir lieber Zeit und...
hadeel94
In so einem Fall ist wahrscheinlich eine komplett benutzerdefinierte Blockmanager-UI der einzige Weg (z. B. gerendert durch deine eigene BlockManager-Komponente in Angular). Es sollte schon möglich sein, aber ich nehme mir lieber Zeit und...
Hallo @artf, Ich möchte das HTML-Element der ausgewählten Seite erhalten. Allerdings gibt sie undefiniert zurück, wenn folgender Code verwendet wird: '''js editor.on('page:select', page => { page.getMainComponent().view.el.querySelector('section'); Auf dieser Seite gibt es ein Abschnittstag... }); ```
artf
Hallo @iabhiyaan, wenn 'page:select' ausgelöst wird, sind die iframes im Canvas noch nicht geladen, also musst du nur warten, bis sie geladen sind, bevor du auf das DOM zugreifen kannst. '''js editor.on('page:select', page => { const frame...
iabhiyaan
Danke @artf.
GJSBlock
Danke, dass du das gemeldet hast, @iabhiyaan. Danke, dass du deinen Bericht über page.getMainComponent().view zeigt undefiniert an, wenn die Seite ausgewählt ist. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen...
Ich habe einige Vorlagen, die mit v0.14.5 generiert wurden. Wie kann ich sie auf die neueste Version "upgraden"? Sie haben Klassen angeschlossen und ich sehe, dass die neueste Version keine Klassen mehr zu den Elementen hinzufügt. Kontext: Wir verwenden maßgeschneiderte Komponenten und einige Standardeinstellungen (z....
artf
Sie haben Klassen angehängt und ich sehe, dass die neueste Version keine Klassen mehr zu den Elementen hinzufügt. Ich bin mir nicht sicher, wovon du sprichst, Klassen sollten wie zuvor importiert werden.Kontext: Wir verwenden maßgeschneide...
ACIP
Hey, danke für die schnelle Antwort. Hier ist die von v0.14.5 generierte Vorlage https://jsonblob.com/535ae06f-d4f6-11eb-8bc1-415e99da64cb So sieht es https://ibb.co/Zz8qg2J Wir haben die Standardattribute und den Stil einiger benutzerdefi...
ACIP
Ich habe eine alte und neue Version für eine bestehende Vorlage eingerichtet: https://grapesjs-templates-upgrade.ciprianamariei.repl.co/0.14.5-old-template.html https://grapesjs-templates-upgrade.ciprianamariei.repl.co/0.16.45-old-template...
npm Run-Build liefert Fehler @version 0.17.3.. /.. /lib/codemirror in ./src/editor/dist/grapes.min.js.. /css/css in ./src/editor/dist/grapes.min.js.. /javascript/javascript in ./src/editor/dist/grapes.min.js.. /xml/xml in ./src/editor/dist/grapes.min.js
artf
Geben Sie uns mehr Details zu Ihrem Build und dem Fehler
iabhiyaan
'''js { "name": "grapesjs", "Beschreibung": "Free and Open Source Web Builder Framework", "Version": "0.17.3", "Autor": "Artur Arseniev", "Lizenz": "BSD-3-Klausel", "Homepage": "http://grapesjs.com", "Haupt": "Dist/grapes.min.js", "nebenwi...
iabhiyaan
NPM-Lauf build:css funktioniert einwandfrei. Aber der npm-Run-Build liefert diese Fehler
Ich muss das JSON-Objektmodell der entworfenen Seite generieren, anstatt den HTML-, CSS- und JS-Code zu generieren. Gibt es eine Funktion, die das JSON-Objekt der entworfenen Seite zurückgibt? Außerdem implementiere ich den UI Builder in Angular, daher wird die Typescript-Version bevorzugt.
artf
Ich kann sehr empfehlen, die Dokumentationsseiten wie Components und [Storage Manager] zu lesen. ](https://grapesjs.com/docs/modules/Storage.html), wo all diese Teile abgedeckt sind.
GJSBlock
Danke, dass du das gemeldet hast, @ola-893. Tolle Frage zu FEAT: JSON Object Modell der generierten Seite. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokume...
Hallo, Ich bin noch relativ neu in diesem großartigen Projekt, aber ich versuche, die Anzeige einer Komponente auf onClick einer anderen Komponente zu ändern, nachdem die Komponenten-ID im DropMenü ausgewählt wurde. Ich habe Schwierigkeiten, nach der Auswahl aus einem DropMenu-Merkmal ein onClick-Attribut zur Komponen...
GJSBlock
Danke, dass du das gemeldet hast, @tmrowe123. Danke, dass du deinen Bericht über Versuch, das onClick-Attribut zum Component hinzuzufügen geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit:...
Ist es möglich, den vollständigen Democode von Anfang an zu posten? Es gibt viele kleine Ausschnitte, die voneinander abhängen. Es wäre gut, diese als separate Branches in einem Repository zu haben, damit Entwickler das erwartete Endergebnis sehen können. In vielen Fällen wurden einfache Dinge übersprungen oder der Au...
Anlumo
Ja, das Problem ist, dass die Demo ihr eigenes Plugin definiert, das dann alle anderen Plugins importiert. Das macht es wirklich schwierig, herauszufinden, wie man Dinge macht, weil man viele Weiterleitungen über verschiedene Repositorien...
artf
Der finale Code des Einstiegs-Tutorials ist tatsächlich hier (und seine grapesjs config).Ja, das Problem ist, dass die Demo ihr eigenes Plugin definiert, das dann alle anderen Plugins importiert @anlumo ja, die aktuellen Preset-Plugins sin...
erpardeepjain
@artf aber wie man diese Datei oder Konfigurationsdatei ausführt, da die Hauptdatei in Vue ist und das Basisprojekt in React. Kannst du mir sagen, wie man es wie in der Demo gezeigt zum Laufen bringt?