Hallo, ich versuche, ein neues gemeinsames Merkmal zu erstellen, das alle Komponenten teilen, indem ich das folgende Plugin erstelle In einer anderen Plugin-Datei erstelle ich auf die gleiche Weise einen neuen Komponententyp nach der Dokumentation, genannt 'extendedText', der den 'text'-Typ als Grundlage verwendet. Wä...
ThetripGr
Vergiss es, ich habe die Dokumentation noch genauer durchgesehen, ich habe irgendwie das Thema Erweiterung der Elternfunktionen übersehen.
GJSBlock
Danke, dass du das gemeldet hast, @ThetripGr. Gute Frage zum Erstellen eines neuen Komponententyps erbt nicht die Funktionen seines Elterntyps. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an:...
Hallo, was ich erreichen möchte, ist, die Textkomponente zu erweitern, indem ich ein zusätzliches Merkmal namens Ausrichtung vergabe und über dieses Merkmal entscheide, welche Art von Ausrichtung ich machen möchte; danach sollte kein CSS angewendet werden, sondern der entsprechende Klassennamen der Komponente zugewies...
ThetripGr
Also habe ich es nach ein paar weiteren Versuchen zum Laufen gebracht, ich werde versuchen zu erklären, wie ich es zum Laufen gebracht habe. Wenn du das Merkmal definierst '''js Standardwerte: { Eigenschaften: [{type: 'select', Optionen: [...
artf
Entschuldigung wegen der Formatierung, aber ich weiß noch nicht, wie man formatierten Code einfügt:P https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown
GJSBlock
Danke, dass du das gemeldet hast, @ThetripGr. Tolle Frage zu Hinzufügen des Klassennamens aus Eigenschaften. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Doku...
Hallo, @artf. Ich habe den Einstiegsleitfaden durchgesehen, und der Selector Manager steht unter dem Style Manager. ! Screenshot vom 23.11.2020, 40.13.46 Wie positioniere ich den Selector Manager über den Styles Manager?
artf
Wie Sie am Beispiel sehen können, sehen Sie '''js selectorManager: { Anhang zu: '.styles-container' }, styleManager: { Anhang zu: '.styles-container', '''js selectorManager: { Anhang zu: '.styles-container-t' }, styleManager: { Anhang zu:...
GJSBlock
Danke, dass du das gemeldet hast, @theSC0RP. Tolle Frage zu Position des Selector Manager.. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr...
WARNUNG LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdMach zuerst eine schnelle SUCHE, um zu sehen, ob jemand anderes das gleiche Problem nicht geöffnet hatAlle zugehörigen Auss...
artf
Es gibt bereits ein Plugin für das Oktober CMS https://octobercms.com/plugin/pkurg-pagebuilder
GJSBlock
Danke, dass du das gemeldet hast, @michaelVictoriaDev. Toller Vorschlag zu FEAT: Gibt es eine Möglichkeit oder ein Tutorial, wie wir im Oktober CMS integrieren können?! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalte...
Ich entschuldige mich wirklich, falls das schon einmal behandelt wurde. Ich habe die Probleme recherchiert und auch die Dokumentation ziemlich ausführlich gelesen, und vielleicht verstehe ich sie einfach nicht richtig. Ich verstehe, dass man ein Skript im Page Builder ausführen kann, um den Inhalt zu laden, aber diese...
artf
Ich denke, du musst diesen Leitfaden lesen.
anuragk15
Hast du die Lösung gefunden? Ich habe ein ähnliches Problem. Zum Beispiel, wenn ich einen Blog schreibe und ihn in meiner Datenbank speichere. Jetzt, wann immer jemand meine Landingpage (erstellt mit Grapesjs) besucht, möchte ich, dass er...
GJSBlock
Danke, dass du das gemeldet hast, @webdevhayes. Tolle Frage zum Laden dynamischer Inhalt. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezi...
Ich baue ein Quiz-Builder-Plugin mit Grapesjs. Ich habe mich gefragt, ob wir eine interaktive Komponente hinzufügen können, die beim Klicken neue Komponenten hinzufügt. Zum Beispiel ! Bild So etwas in der Art. Wenn man es verlässt, gibt es keine Eingaben, aber wenn man auf "Neues Feld hinzufügen" klickt, erscheint die...
artf
Du musst die Ansicht deiner benutzerdefinierten Komponente erweitern
GJSBlock
Danke, dass du das gemeldet hast, @ZeroCoolHacker. Tolle Frage zu Interaktiver Komponent in Canvas. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation f...
{"typ": "text","Status": "schwebend","Inhalt": "Hier deinen Text einfügen","Attribute": {"id": "ixx2" },"activeOnRender": 0,"offen": falsch } In JSON möchte ich einen neuen Schlüssel mit Objekt hinzufügen. Beispiel: Data-Schlüssel: Dieser wird benutzerdefinierte Eigenschaften haben. Ich möchte ein neues Objekt hinzufü...
longdoan7421
Entschuldigung, dass ich dein Problem falsch verstanden habe, daher war mein vorheriger Kommentar nicht relevant. Um Ihren Wunsch zu erreichen, müssen Sie Ihren eigenen Merkmalstyp (docs) und Ihren eigenen Komponententyp (docs) erstellen....
longdoan7421
Ich bin mir nicht sicher, ob ich dein Problem verstehe. Aber wenn du benutzerdefinierte Attribute auf das Komponentenmodell setzt (außer einigen Erhaltungsschlüsseln wie 'components', 'styles', ...) z. B.: 'component.set('customTraits', yo...
vijaycreatise
Ich habe es so versucht, aber es funktioniert nicht. Ich möchte data-Schlüssel und Objekt in JSON hinzufügen, wenn der Benutzer das Formular auswählt, kann er die API-URL eingeben. Kannst du bitte prüfen, ob ich das richtig mache?
Zum Beispiel möchte ich einen Doppelklick-Ereignishandler auf der Standard-Videokomponente hinzufügen, um den Assets-Manager zu öffnen. Meine Grundidee war, die Ansichtsdefinition der Videokomponente zu bekommen und 'Events' + Handler hinzuzufügen. Zum Schluss stellst du es wieder auf die Videokomponente zurück. Leide...
Joshmamroud
@archerbj hier eine Demo dessen, wonach du suchst: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js Du solltest die Funktionalität an den 'Komponententyp' selbst anhängen, anstatt zu versuchen, alle Instanzen dieser Komponente zu...
archerbj
@archerbj hier ist eine Demo dessen, wonach du suchst: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.jsDu solltest die Funktionalität an den 'Komponententyp' selbst anhängen, anstatt zu versuchen, alle Instanzen dieser Komponente...
abulka
@Joshmamroud Danke für dieses laufende Beispiel. Deine Funktion ist das einzige, das ich finden kann, wie die in der Dokumentation erwähnte 'Extend'-Funktion verwendet wird. Dein Beispiel ist sehr einfach und zenig – allerdings zeigt es le...
Please could anyone guide me on how to run the basic example given in the GrapesJS website using React.. PLEASE HELP
GJSBlock
Danke, dass du das gemeldet hast, @BaskarMN. Gute Frage zum Einstiegsbeispiel in der React-Anwendung. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation f...
Version: 0.16.27 Kannst du den Fehler aus der Demo reproduzieren? [x] Ja [ ] Nein Was ist das erwartete Verhalten? Beim Hinzufügen von 'background-image' über den Style Manager wird als 'background-image: url(...); angezeigt. `. Wie ist das aktuelle Verhalten? Anstelle von 'background-image:url(https://grapesjs.com/do...
johnkeel-thork
Ich wollte gerade dasselbe Problem melden. Hinzugefügtes Bild als Hintergrund: <img width="847" alt="Screenshot 2021-12-23 at 12 06 51" src="https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d699....
artf
Das Schließen von demselben jsfiddle scheint das Problem gelöst zu sein.
GJSBlock
Danke, dass du das gemeldet hast, @fq-selbach. Das Problem mit linear-gradient CSS, das seltsame Dinge mit dem Hintergrundbild macht, scheint ein Race-Condition- oder State-Management-Timing-Problem zu sein. Dies passiert typischerweise, w...