Hallo @artf, Wie kann ich den Titel meiner Bildkomponente ändern, wenn ich mit der Maus darüber fahre? Zum Beispiel den markierten Text auf diesem Bild: ! Bild Danke!
zgover
Setze das 'custom-name'-Attribut auf der Komponente.
artf
'benutzerdefinierter Name' ist veraltet, verwenden Sie stattdessen 'name'
Chaitwo
Vielen Dank @Zachary1748 und @artf für die Hilfe, es hat wunderbar funktioniert. Ich habe die getName-Funktion aktualisiert und das Name-Attribut für Bilder geändert. 'Name = Name == 'Bild'? 'Bild (Doppelklick zum Hochladen von Bildern)' :...
Hallo, Ich versuche nur, den 'Getting Start'-Anleitungen zu folgen, aber ich stolze an einer der ersten Hürden, kann aber keine Blöcke aus dem #add-Blöcke-Abschnitt hinzufügen. Ich habe eine Geige hier erstellt.
smik3
Der Wechsel zu einem anderen CDN (Unpkg statt CDNJS) scheint das Problem behoben zu haben – ich vermute, das ist eine alte Version auf CDNJS.
Hallo. In der Anwendung gibt es einige PNG-Symbole:flex-just-start.pngflex-al-end.pngflex-just-sp-bet.pngflex-dir-col.pngflex-just-sp-ar.pngflex-al-start.pngflex-dir-row.pngflex-just-end.pngflex-just-sp-cent.pngflex-dir-col-rev.pngflex-al-str.pngflex-al-center.pngflex-dir-row-rev.png Ich habe das Gleiche erstellt, abe...
artf
Wow, vielen Dank, @vegadesign sehr geschätzt. Wir verwenden diese tatsächlich nur für die Demo (gh-pages Branch), hier: https://github.com/artf/grapesjs/blob/be39c6baf55f4e644b6bc8bbdd71ead71723dd6b/demo.html#L53-L91 Ich werde versuchen, s...
Hallo. Ich habe eine vordefinierte JSON einer Vorlage, die eine Menge HTML-Elemente und -Stile enthält, die beim Laden von Grapesj in die Menge der Komponenten geparst werden. Das CSS enthält einige der Standard-Medienabfragen, die ich für die Vorlage beibehalten möchte. Die Befehle editor.getHTML() und editor.getCSS(...
artf
Bitte stellen Sie eine reproduzierbare Demo bereit
Keine Antwort[Bot]
Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...
Abozhinov
Ich habe dasselbe Problem. Das ist mein Problem -> https://github.com/artf/grapesjs/issues/2843
Redakteur. BlockManager.add('testBlock' + i, { Etikett: 'Box' + i, Attribute: { MyAttribute: 'hi'}, Inhalt: html }) Kann ich so etwas machen? Oder muss ich Standard-HTML-Attribute verwenden? Ich habe es versucht, aber es hat nicht funktioniert Danke.
artf
Es funktioniert wie erwartet https://jsfiddle.net/90y7wuo8/ Erstelle beim nächsten Mal eine reproduzierbare Demo
@artf hallo, Ich habe deine großartigen Trauben ein wenig angepasst. Beispiel: Ich habe einen Hintergrund mit Repeat-x wie hier: ! Schermata 2019-08-04 alle 12 06 00 Aber bei benutzerdefiniertem CSS wird das Ergebnis in Repeat-x und Repeat-y aufgeteilt ! Schermata 2019-08-04 alle 12 02 42 Wie kann ich das vermeiden? t...
artf
Das liegt an dem CSS-Parser Ihres Browsers (hier, wir erklären, was passiert). Die einzige Lösung ist die Verwendung eines benutzerdefinierten CSS-Parsers. Für den Moment stellen wir grapesjs-parser-postcss bereit.
Pouyamiralayi
Hallo! Wenn du nur Repeat-X angibst, welches Ergebnis erwartest du?
miky9585
Wenn ich in CUSTOM CSS umsetze, ändere ich die zwei Reihen von Background Repeat, Repeat, Repeat, Composer, ersetze sie und ersetze sie durch Background-Repeat: repeat-x, css composer, und ersetze sie für mich, indem ich sie in diese zwei...
Hallo zusammen! Kürzlich ist mir dieses Problem aufgefallen. Ich denke, es wäre vorteilhaft, diese Funktion zu haben. Im Gegensatz zu dem von @artf vorgeschlagenen Ansatz, der Canvas-Skripte als globale Injektionsmöglichkeit nutzt, halte ich dies für nicht funktional für den Hauptzweck, für den diese Funktion gedacht...
artf
Entschuldigung, @pouyamiralayi aber ich glaube, du hast die vollständige Bedeutung der Eigenschaft 'Skript' in Component nicht verstanden (offensichtlich bist du nicht der Einzige](https://github.com/artf/grapesjs/issues/358#issuecomment-3...
Pouyamiralayi
Danke für deine freundliche Antwort@artf . Nachdem ich mit der Idee gerungen habe, komme ich an den Punkt, an dem das, was du sagst, völlig vernünftig ist. Das war sehr naiv von mir, das Thema nochmal anzusprechen, entschuldige das bitte....
collindutter
@pouyamiralayi könntest du etwas mehr Informationen darüber geben, wie du einen globalen Eventbus erstellt hast, um Nachrichten zwischen globalen und lokalen Skripten zu senden? Der Editor bettet die Grapesjs-Inhalte in ein iframe ein, sod...
Mir ist klar, dass es keine feste Anforderung ist und individuell angepasst werden kann, aber die Hauptdemo und einige geklonte Apps tragen diese Idee weiter, indem sie bestimmte Elemente (Eingabe, Textbereich usw.) daran hindern, irgendwo anders als als ein Formular-Tag zu fallen. Wurde das eingeführt, um zu zeigen,...
Pouyamiralayi
Einmal hatte ich einen Anwendungsfall, der mit einer Drittanbieter-Komponentenbibliothek funktionierte. In dieser Bibliothek waren die Eingabe- und Formularkomponenten verfügbar, aber die Rendering-Logik wurde so implementiert, dass, wenn...
artf
@timsim00 technisch gesehen kannst du diese Logik völlig frei zurücksetzen. Ich habe das einfach eingerichtet, weil es in der HTML- und CSS-Welt (ohne JS) keinen Sinn macht, wenn man Eingaben ohne Formular-Wrapper hat. Nehmen wir zum Beisp...
Ich versuche sicherzustellen, dass jede Komponente in die Leinwand gezogen wird, um mit einer Spaltenkomponente umwickelt zu werden. Um das zu erreichen, nutze ich Canvas Event. Zuerst habe ich das Fensterereignis deaktiviert, um zu verhindern, dass das Standard-HTML-5-Drag-and-Drop-Ereignis ausgelöst wird. 'Canvas:Dr...
Afdallah
@pouyamiralayi habe ich es geschafft, das Problem zu lösen, indem ich die Komponente als Objekt gemacht habe. So. '''javascript result.content = { TagName: 'div', abnehmbar: wahr, // Kann es nicht entfernen draggable: true, // Kann es nich...
Pouyamiralayi
Hallo zusammen! Das Event, das Sie suchen, ist dieses editor.on('block:drag:stop', Funktion (element) { element.replaceWith({ TagName:'div', style:{'border': '1px solid red'}, Komponenten: [Element] }) }) Beachte, dass ich hier einen rot u...
Ich arbeite an einem Projekt und habe Schwierigkeiten, Remote-Daten zu bekommen. Code: storageManager: { id: 'gjs-', // Präfix-Identifikator, der auf Parametern verwendet wird Typ: 'remote', // Typ des Speichers Autosave: true, // Daten automatisch speichern Autoload: true, // Autoload gespeicherte Daten auf init step...
miky9585
Ich denke, du musst deine Daten->Attribute ausdrucken. Hier sind meine gedruckten Daten, die einwandfrei funktionieren ! screencapture-localhost-8090-pages-load-2019-08-05-111149
jeffgipson
Danke für die Antwort@miky9585 ich habe es ausprobiert, aber es hat nicht funktioniert
artf
@jeffgipson du ein völlig falsches Format vom Server zurückgibst, lies bitte diesen Teil sorgfältig https://grapesjs.com/docs/modules/Storage.html#setup-the-server