Ich habe ein Problem mit Eigenschaften und frage mich, ob das ein Bug sein könnte. Wenn ich die Eigenschaft fontColor oder fontSize aktualisiere, werden die anderen Eigenschaften zurückgesetzt. Video: https://www.loom.com/share/6a40830699ad4c4590363f2641a07eac Code: https://github.com/msantore/vue-builder/blob/master/...
Pouyamiralayi
@msantore du "setStyle" verwendest, was die vorherigen Stile überschreibt. Verwenden Sie es wie unten: Prost!
msantore
Das hat das Problem behoben, danke!
artf
Du kannst auch 'addStyle({ color: '${value}' })' verwenden, das dasselbe macht
Wenn ich eine neue Dom-Komponente erstelle, gebe ich ihr im Bereich "Standardeinstellungen" einen Namen, wie: '''js domComponents.addType(''ugly-type-name', { model: { Standardwerte: { TagName: 'component', Name: 'Foo Bar', <----- Attribute: { 'component-id': component.id }, Eigenschaften: [{} ] } }, ``` Wenn die Komp...
Pouyamiralayi
@andrewryan1906 bitte definieren Sie Ihren Komponententyp innerhalb eines Plugin. 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!
Hallo, Ich habe versucht, die Badges, die beim Hover erscheinen, komplett zu deaktivieren, aber ich schaffe es nur mit folgendem Code im Wrapper: domComponents: { Verpackung: {Schlechtes: Falsch} }, Gibt es eine ähnliche Möglichkeit, sie komplett zu deaktivieren? Vielen Dank im Voraus!
Hallo @artf, Ich habe eine Frage zum Grapes-Editor, die ich in der Dokumentation nicht finden kann, daher hoffe ich, dass du eine Antwort hast. Grundlegendes Setup: Die Konfiguration aller Komponenten wird mit dem init gesetzt 'this.editor = grapesjs.init(defaultConfiguration);' Die Komponenten eines früher gespeicher...
artf
Kann der Editor die neue Komponentenkonfiguration erkennen, ohne manuell eine neue Komponente zur Canvas hinzufügen zu müssen? Nicht wirklich, wenn du die Komponentendefinition auf eine Weise speicherst, lädt der Editor diese Definition. E...
Hovius
Danke für deine Antwort! Ich werde 'avoidDefaults: true' verwenden und es :)
Ich versuche, beim Laden ein Kontrollfeld im Trait zu aktivieren, wenn ein Element in der Canvas vorhanden ist, aber leider weiß ich nicht, wie ich prüfen kann, ob das Element vorhanden ist oder nicht. Ich versuche den folgenden Code in der onRender()-Methode const canvasElement = Editor. DomComponents.getWrapper(); l...
Pouyamiralayi
Hallo @Indhumathi2016 du kannst Find-Methode verwenden: Prost!
Indhumathi2016
@pouyamiralayi Es funktioniert einwandfrei, wenn ich es so mache editor.on('load', () => { const Wrapper = editor.getWrapper() const el = wrapper.find('#gist-GDPR')[0] }); Danke
Hallo, Ich benutze Grapesjs in Angular 7. Was ich erreichen möchte, wenn jede Canvas-Drop-Methode genannt wird, füge ich die SVG-Komponente in Canvas hinzu. Ich habe die SVG-Komponente in der Canvas-Drop-Methode hinzugefügt. Aber es lässt sich nicht ziehen. Ich hänge meinen Code und mein Video an, um es besser zu vers...
imranali2045
@artf bitte sehen, dass es für mich sehr wichtig ist, dieses Problem zu lösen. Danke
artf
Leider funktioniert die HTML5-Drag-and-Drop-API nicht auf SVG-Elementen, daher musst du, wenn du sie unterstützen musst, deine SVG-Komponenten (z. B. in ein 'div'-Element) hüllen.
Ich versuche, die erste Komponente im Editor mit editor.select(editor) auszuwählen. DomComponents.getComponents().models[0]). Es funktioniert nicht.
Naveen-15697
@artf, @pouyamiralayi :I Benötigt diese Bedingung innerhalb des 'canvas:drop'-Ereignisses editor.on('canvas:drop', ()=>{ ... ... // Mein Code zur Auswahl der ersten Komponente ist hier //... ... })
Pouyamiralayi
@naveen-15697 können Sie dies erreichen mit: Prost!
Naveen-15697
@pouyamiralayi Danke! Es funktioniert jetzt. @artf, aber warum funktioniert es im 'canvas:drop'-Event nicht?
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
Ich möchte eine vordefinierte Vorlage anzeigen, wenn Benutzer grapesJs öffnen, so etwas wie: Storage Manager. ! Bild HTML: '<Div id="GJS" style="height:0px; Overflow:hidden"></div> <script src="app.js"></script>' javascript in app.js: '''js Richte den GrapesJS-Editor mit dem Newsletter-Plugin ein const LandingPage = {...
Pouyamiralayi
Vorlage
artf
@dukie66 '<div>style="background-color="red"; height="100px"; width="100px"</div>' So soll man HTML nicht schreiben