Wie man eine Komponente am Ende der Leinwand platziert.
Du kannst so etwas verwenden '''js const Footer = '<Div Style="Polsterung: 100px">Mein Footer</div>'; editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', FuĂer); ```
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
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
<!-- erlauben hier nur das Ziehen/Platzieren von Widgets -->
FOOTER
<!-- Sollten keine Blöcke/Widgets darunter haben -->
Antworten (3)
Du kannst so etwas verwenden '''js const Footer = '<Div Style="Polsterung: 100px">Mein Footer</div>'; editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', FuĂer);
@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 suche nach einer Möglichkeit, das zu lösen, aber ohne Erfolg :(...
Haben wir etwas wie removeAdjacentHTML()
getEl() gibt dir die HTMLElement-Instanz, also stammt insertAdjacentHTML aus der DOM-API und nicht von GrapesJS
es dupliziert sich jedes Mal, nachdem du das Fenster neu geladen hast.
... Kannst du eine reproduzierbare Demo erstellen?
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #1875
ID Àndert sich beim Import von HTML oder beim Weitergeben von HTML in Komponenten in der Konfiguration.
Hallo, Ich habe eine Komponente und einen Block gebaut, die ich per Drag & Drop auf der Leinwand ziehen kann. Mein Problem ist, dass manche...
Problem #1639
WÀre es möglich, die Einstellungen unter dem Style Manager so zu Àndern, dass HREF vorhanden ist, wenn ein Link erstellt wird?
Ich benutze einen voreingestellten Newsletter mit integriertem RTE (möchte den ck-Editor nicht wie in der Demo verwenden). Um einen Text zu...
Problem #935
Wie erstellt man beim Erstellen eines benutzerdefinierten Blocks die entsprechenden Einstellungen?
Ich möchte einen Link erstellen, mit dem der Nutzer die URL eingeben oder einen Link zu einer anderen Seite auswÀhlen kann, die er bereits...
Problem #452
Problem mit dem benutzerdefinierten Resizer (oder vielleicht, wie ich Komponenten speichere/lade)
Ich versuche, einen benutzerdefinierten Resizer fĂŒr eine meiner Komponenten zu bauen. Es ist ein Raster-/Spaltenlayout basierend auf Flexbo...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.