Wie man die Höhe des Editors dynamisch steuert, um umstÀndliches Scrollen zu vermeiden
Versuche, mit 'VH' statt 'PX' zu arbeiten. Zum Beispiel: Geben Sie dem Editor 'Height: '80VH'', Ihre Navbar 'Height: '20VH''. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 †Ich hoffe, das hilft.
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Ich habe bemerkt, dass wenn ich in der Initialisierungsfunktion eine Höhe einstelle, sie sich auf eine bestimmte Pixelmenge stĂŒtzt, z. B. Höhe: "500px". Wenn du jedoch versuchst, mit einem Prozentsatz zu setzen, z. B. Höhe: "90%", hat der Editor ĂŒberhaupt keine Höhe. AuĂerdem frage ich mich, was die Höhe einstellt, wenn nichts gesetzt ist, denn es scheint automatisch eine Pixelmenge zu berechnen, die die gesamte Seite einnimmt (z. B. 100%). Ich habe den Editor tatsĂ€chlich in eine Standard-Seitenvorlage im Backend unseres CMS eingebettet, und diese Seitenvorlage enthĂ€lt tatsĂ€chlich mehr Inhalt...
Antworten (4)
Versuche, mit 'VH' statt 'PX' zu arbeiten.
Zum Beispiel: Geben Sie dem Editor 'Height: '80VH'', Ihre Navbar 'Height: '20VH''. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 â€
Ich hoffe, das hilft.
versuchen, mit 'VH' statt 'PX' zu arbeiten.
z.B.: Gib dem Editor 'Height: '80vh'' und deine Navbar 'Height: '20vh'' an. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 â€
Ich hoffe, das hilft.
Danke, das ist hilfreich!
Das ist eher ein Layout-Problem und hat nichts mit dem GrapesJS-Editor selbst zu tun.
Danke, dass du das gemeldet hast, @samichamoun. Toller Vorschlag zu Wie man die Höhe des Editors dynamisch steuert, um umstÀndliches Scrollen zu vermeiden! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, Àhnliches Verhalten zu erreichen. V...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3269
Ăbersetzung von HTML-String
Tolle Bibliothek! Es erfĂŒllt alle Anforderungen bis auf eine: die Ăbersetzung des Website-Textes. Ich habe ĂŒberall in der Issue-Warteschlan...
Problem #3128
Eine Komponente an der Position der Maus fallen lassen, auf die die Maus geklickt wird
Was versuchst du zu GrapesJS hinzuzufĂŒgen? Wenn eine Komponente abgeworfen wird, bleib an der Position, an der die Maus angeklickt wird. Be...
Problem #3496
Komponente als schmutzig markieren
Was versuchst du zu GrapesJS hinzuzufĂŒgen? Die Komponente sollte sich als schmutzig markieren können, was die Warnmeldung "onbeforeunload"...
Problem #3654
Editor.setComponents(html) und pageManager.select(pageId) laden keine js-Skripte
Hallo, @artf Wie ich gelesen habe, erlaubt allowScripts:1, dass grapesjs Skripte laden. Wenn ich eine LandingPage zum ersten Mal lade, funk...
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.