Zunächst einmal, Tolles Projekt, Daumen hoch an alle Beteiligten. Ich habe ein paar Fragen:Wie kann ich über alle Komponenten iterieren und ihren Inhalt auf der Leinwand ändern? Ich möchte eine Find-und-Ersetzen-Funktion implementieren, die einen bestimmten String in allen Elemente innerhalb der Leinwand. Gibt es eine...
Amir2828
Okay, ich habe es geschafft, das erste Problem zu lösen. Ich habe Get-Components verwendet und den Baum rekursiv iteriert. Als ich fertig war, habe ich DomComponents.render() verwendet. Ich suche immer noch nach etwas Richtung bezüglich de...
Amir2828
Okay, ich glaube, ich habe es auch geschafft, die zweite Frage zu lösen. Ich habe in das Canvas JQuery-Skript eingeschleust, wodurch sich Akkordeons und Schieber wie erwartet verhalten haben.
Amitkumar85533
Hallo @Amir2828, Kannst du mir etwas über das Akkordeon erzählen? Können Sie ein kleines Beispiel geben?
Ich habe geklont, heruntergeladen/entpackt und mich in ein Upstream-Programm in meinem Fork eingecheckt, um die Änderungen vorzuschauen, und aus irgendeinem Grund scheitern sie bei 456 Tests beim Bauen und bekomme diesen Fehler in der Konsole. ! Traubenfehler
verdverm
Ich kann dieselben Testergebnisse auch überprüfen, ich bin irgendwo auf ein TODO gestoßen, das besagt, dass all diese Tests bestehen.
artf
@Moikapy okay, danke, scheint das gleiche Problem wie #2044 zu sein Ich schließe das, lass uns dort weiterreden.
Ist es möglich, Medienabfragen zu deaktivieren? Zum Beispiel drehen Sie dies: '@media (maximale Breite: 331px){ .image-block{ Position: absolut; Top:0; } .c976{ Breite: 331 px; Höhe: 526 Pixel; Position: absolut; } } Hierauf geht's: '.image-block{ Position: absolut; Top:0; } .c976{ Breite: 331 px; Höhe: 526 Pixel; Pos...
artf
Ja, Sie können diese Option nutzen: https://github.com/artf/grapesjs/blob/60c1755c57da02b57988fbe0e1a0321a5395728c/src/editor/config/config.js#L90-L93
benvmatheson
Ich könnte diese programmatisch entfernen, aber ist es möglich, Grapes zu sagen, dass sie keine Medienabfragen zu CSS hinzufügen sollen?
benvmatheson
Wir müssen die Auswahl der Gerätegrößen beim Bearbeiten erlauben, aber wir müssen Medienanfragen entfernen. Da dies ein kleiner Randfall ist, nehme ich an, dass Medienanfragen im Gerätevorschaumodus immer angewendet werden?
Wie kann ich meinen Footer ans Ende der Leinwand legen? Ich möchte, dass der Editor nicht erlaubt, einen Block oder ein Widget unter dem Fuß zu platzieren. Beispiel
artf
Du kannst so etwas verwenden '''js const Footer = '<Div Style="Polsterung: 100px">Mein Footer</div>'; editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', Fußer); ```
Froderf
@artf Haben wir etwas wie removeAdjacentHTML() 'editor.getWrapper().getEl().removeAdjacentHTML('afterEnd', Fußer);' Denn als wir es benutzt haben Es dupliziert sich jedes Mal, nachdem du das Fenster neu geladen hast. -------------- Ich suc...
artf
Haben wir etwas wie removeAdjacentHTML() getEl() gibt dir die HTMLElement-Instanz, also stammt insertAdjacentHTML aus der DOM-API und nicht von GrapesJSes dupliziert sich jedes Mal, nachdem du das Fenster neu geladen hast. ... Kannst du ei...
Ich muss Stile asynchron mit den von der Datenbank erhaltenen Daten festlegen. Aber dann wird das manuell verfasste CSS entfernt. '''js const cssComposer = Editor. CssComposer; var sm = Redakteur. SelectorManager; var sel1 = sm.add('simple-div'); var rule = cssComposer.add([sel1]); Den Stil aktualisieren rule.set('sty...
Er erscheint, wenn man einen benutzerdefinierten Block in den Blockmanager einfügt; wenn man ihn an ein Inhaltsobjekt übergibt, erscheint er bei Auswahl nicht ausgewählt (mit dem blauen Kästchen um die Komponente): ! Bild Ein Beispiel für meinen Code finden Sie hier: Beispiel: https://jsfiddle.net/v5k4jqfg/1/ Gibt es...
verdverm
Ich wette, es liegt an irgendeinem Konfigurationswert, obwohl ich neu bei Trauben bin und die Antwort noch nicht kenne... :[
artf
Entfernen Sie das benutzerdefinierte Tag 'tagName: 'doesnotappear_selected''
Ich habe einen einfachen Div-Block so geschrieben blockManager.add('simple-div', { Etikett: 'Container', Inhalt: '"<!––<div class="simple-div"></div> ––>"', Kategorie: 'Basic', Attribute: { Titel: 'Simple Box', Klasse: 'Fa Fa-Quadrat' } }); Aber es reagiert überhaupt nicht. So ist es:Ich stelle die Breite auf 100 % au...
alikabeer32
@alikabeer32 ich habe dasselbe Problem. Wenn du dieses Problem gelöst hast. Können Sie bitte hier die Lösung teilen? Danke @umerrinayat ich weiß nicht mehr, was ich gemacht habe, aber probiere Folgendes aus: Du musst die CSS-Klasse definie...
umerrinayat
@alikabeer32 Ich habe dasselbe Problem. Wenn du dieses Problem gelöst hast. Können Sie bitte hier die Lösung teilen? Danke
Hallo, Wir versuchen, das Layout des Asset-Managers so anzupassen, dass es unseren untenstehenden Anforderungen entspricht. Voraussetzung: Wenn der Benutzer doppelt auf das Bild klickt oder ein neues Bild oder eine andere Option hinzufügt, die den Asset-Manager öffnet, sollte ein Popup mit den Optionen erscheinen: (Po...
artf
Für ein solches individuelles Verhalten würde ich empfehlen, das integrierte Asset Manager-Panel durch dein eigenes zu ersetzen
Ich möchte die Komponenten programmatisch entfernen, im Folgenden ist mein Codeschnipsel. '''javascript const Command = Editor. Commands.get('select-comp') Redakteur. Commands.extend('select-comp', { Überschreiben Sie diese private Methode, sodass die Symbolleiste bedingt angezeigt wird. updateToolbar(mod) { const em...
Zhangyanwei
Ich habe versucht, die Methode 'setSelected' aufzurufen, bevor ich Komponenten entfernt habe, es funktioniert! Hier ist der aktualisierte Code: '''javascript Befehl: Kombinieren Sie die Zellen Redakteur. Commands.add('table:table-cells-com...
Zhangyanwei
@joselin-bizmatesph habe ich es seit 3 Jahren nicht mehr angerührt, aber ich denke, es ist ähnlich wie der Fall, dem ich begegnete. Aus dem von dir geposteten Snapshot scheint es, als hättest du die falschen Komponenten entfernt und musst...
Bizmatesph-Joselin-Macayanan
@zhangyanwei Ich hatte dasselbe Problem, ich habe einige Probleme, wenn ich versuche, die Zelle von unten nach oben zu verschmelzen. Hast du das Problem schon behoben? ! Bild ! Bild