Ich suche eine Möglichkeit, eine Gruppe von Blöcken zu einem benutzerdefinierten Panel hinzuzufügen, ich spreche von Blöcken und nicht von Knöpfen, weil sie "Drag and Drop" sein müssen? Welche Möglichkeiten habe ich?
artf
Hallo @chiqui3d du kannst dem Editor bei der Initialisierung sagen, wann Blöcke angehängt werden sollen: '''js grapesjs.init({ ... blockManager: { Anhang zu: '#block-Container', } }) ``` und dann die Methode 'BlockManager.render' verwenden...
chiqui3d
Danke @artf, aber ich sehe trotzdem, dass das nur für ein Panel gilt, ich sehe keinen Weg, zwei Panels zu haben, eines für einige Blöcke mit ihren Kategorien und ein weiteres, das andere Blöcke mit anderen Kategorien hat. Das macht es für...
chiqui3d
Gibt es keine Möglichkeit, zwei Panels mit unterschiedlichen Blöcken zu haben?
Ich habe zwei neue Traits zum Trait Manager für Bilder hinzugefügt. Breite und Höhe. Ich habe es nach deinem Beispiel als Plugin hinzugefügt. Es funktioniert total und ermöglicht es mir, die Bildattribute für Breite und Höhe zu bearbeiten. Das Problem ist, dass der Vermögensverwalter jetzt nicht mehr arbeitet. Wenn ic...
arthuralmeidap
Versuche, den 'image'-Typ selbst zu überschreiben statt den 'default'-Typ
artf
Wie bereits von @arthuralmeidap erwähnt, muss man die 'Bild'-Komponente erweitern. In deinem Fall (mit der neuesten Grapesjs-Version) könnte es einfach sein: '''js Redakteur. DomComponents.addType('image', { model: { Standardwerte: { Eigen...
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Wenn ich einen Link aus RTE hinzufüge, wird er nicht als Link-Komponente ausgewählt, ich muss die übergeordnete Komponente, die der TEXT ist, deaktivieren und erneut auswählen, weil das nicht direkt passiert? Ich dachte, der Vorteil von RTE sei, dass wenn ich eine Komponente aus RTE hinzufüge, die TRAIT-Optionen diese...
chiqui3d
Ich weiß nicht, ob das der richtige Weg ist, aber ich habe es so verstanden: '''js const rte = Editor. RichTextEditor; rte.remove('link'); rte.add('link', { Symbol: '<I class="fa fa-link"></i>', Attribute: { Titel: 'Link', }, Ergebnis: rte...
artf
Ich dachte, der Vorteil von RTE sei, dass wenn ich eine Komponente aus RTE hinzufüge, die TRAIT-Optionen dieser Komponente angezeigt werden. Nicht, dass ich den TEXT nochmal verlassen müsste:( Du hast recht@chiqui3d aber beim Bearbeiten is...
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Im Newsletter können bestimmte Elemente nicht entfernt werden. Versuche, zum Beispiel den Button "Free and Open Source" oder das Traubenlogo zu entfernen. Ich habe dieses Problem auch bei meinen örtlichen Trauben. Seltsamerweise kannst du, wenn du versuchst, das Element zu ziehen, aber nicht irgendwohin bewegen, es zu...
artf
Hallo, @adamlc das hier hängt mit #1699 zusammen
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich überlege, mehrere Seiten mit Header und Footer hinzuzufügen Zurzeit habe ich eine Idee, wie ich die Mehrseiten-Umstellung einsetzen kann, aber ich weiß nicht, wie man Kopf- und Fußzeile umsetzt. Mit den aktuellen API-Methoden scheint es dafür keine Lösung zu geben Bitte helfen Sie, dieses Problem zu lösen, denn be...
Froderf
Kopf und Fuß sollten auf allen Seiten gleich sein
artf
Du musst Benutzerdefinierte Komponenten verwenden. Beispiel https://jsfiddle.net/5vcc3en6/
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
1、移动画布 2、点击layerManager(如果不点击layerManager 不会出错) 3、画布里的提示框位置出错 1、 bewegliche Leinwand 2、 Klick layerManager (Wenn du nicht auf layerManager klickst, geht nichts schief.) 3、 Die Position der Tipbox auf dem Bild ist falsch. ! Trauben-Ausgaben
artf
Danke für den Bericht@fulus06 kannst du bitte eine reproduzierbare Demo zu https://jsfiddle.net/ bereitstellen?
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo zusammen! Tolles Projekt und danke für deinen Beitrag. Ich würde gerne wissen, ob es möglich ist, das Styling einer Kind-Komponente über den Style Manager des Elternteils zu ändern. Zum Beispiel habe ich einen Block von Komponenten. Die Elternkomponente enthält alle anderen Komponenten. Indem ich auf die übergeo...
artf
Es könnte etwas knifflig sein, aber ja, du schaffst das. Natürlich musst du eine benutzerdefinierte Component erstellen und innerhalb ihrer Init-Methode (Model) die Zuhörer auf Traits/Styles einordnen. Dann verwendet man innerhalb der Call...
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Um zu reproduzieren: Bei einer frischen Installation von GrapesJS, innerhalb der Demo-Seite (innerhalb index.html), fügen Sie einen Event-Listener wie folgt hinzu: 'editor.on('component:styleUpdate:width', (model) => { console.log(Modell); });Problem: Beim Ändern des 'width'-Werts eines beliebigen Elements wird die 'm...
KHBHR
Hallo, Ich habe dasselbe Problem und da es noch nicht gelöst ist, wäre es eine Lösung, die Debounce-Technik zu verwenden. Überprüfen Sie dieses Beispiel.
ajumell
Hallo, Ich habe dieses Problem auch festgestellt. Das Ereignis wird ausgelöst, selbst ohne die Breite zu ändern. Ich habe den folgenden Code auf die HTML-Seite gesetzt und das Log wird mehrfach generiert. 'editor.on('component:styleUpdate:...
artf
Ich glaube, der Fix ist bereits im Dev-Branch verfügbar (also bereit für die nächste Version). https://github.com/artf/grapesjs/blob/0dba07fd21b8e2dd953100bec5b7531f0761c9c2/src/style_manager/view/PropertyView.js#L411-L413 Ich sehe mehrere...
Ich versuche, GrapesJs in reactJs zu integrieren. Kannst du mir bitte mit der untenstehenden Frage bezüglich GrapesJs-React helfen, • Gibt es eine Möglichkeit, den im Editor verwendeten Bildlink zu finden? Beispiel: Wenn ich im Grapesjs-Editor ein Bild per Drag & Drop ziehe, erstellt es ein Bildtag mit dem Pfad Image...
Maryia-Kabash
Hallo @hemanthmc Ich kann vorschlagen, das Ereignis 'sorter:drag:end' zu abonnieren und eine React-Methode als Rückruf zu übergeben. Prüfe bei der Methode, ob das Image abgeworfen wird, und speichere dessen src in den React-Zustand oder er...
Hemanthmc
Danke für deinen Vorschlag, @maryia-kabash.
artf
'''js editor.getWrapper() // Hol die Wrapper-Komponente .find('img') // Finde alle inneren Komponenten anhand einer Abfrage-Zeichenkette .map(comp => comp.getAttributes()['src']) // map gefundene Komponenten ``` Komponenten-API: https://gr...
! Gefangennahme Ich habe diese RTE-Toolbar, in der man eingeben und auf 'Speichern' klicken kann, und es wird ein Link für den ausgewählten Text erstellt. Das Problem ist jedoch, dass der Wert des Eingabefeldes basierend auf ausgewähltem Text dynamisch sein sollte. Wenn der ausgewählte Text href hat und das Eingabefel...
SeongwoonHong
@artf WOW Du rettest mein Leben! Danke! Ich habe keine Ahnung, wie viele Stunden ich das alleine herausfinden muss... Danke, danke! Jetzt funktioniert es.....!
artf
'rte.selection()' gibt das Selection)-Objekt zurück, mit dem du den pointierten Knoten erkennen kannst (von dem du alle benötigten Attribute erhalten kannst)
SeongwoonHong
@artf Könnten Sie mir bitte ein Beispiel geben, wie man das macht? Ich habe vieles ausprobiert, aber keine Möglichkeit gefunden, mit rte.selection()... irgendwelche Attribute zu bekommen.... Ich habe das wirklich geschätzt, Artur.