Problem mit der Elementpositionierung in einem mehrspaltigen Layout
Du kannst das zu 'pluginOpts' innerhalb von 'grapesjs.init' hinzufügen: '''js const editor = grapesjs.init({ // ... pluginsOpts: { "gjs-blocks-basic": { stylePräfix: '', // kein gjs- Präfix flexGrid: 1 // benutze flexbox statt Tabellen } }, // ... }); ``` Das wird wahrscheinlich auch deine bisherigen Ausrichtungsprobl...
Lesen Sie die vollständige Antwort unten ↓Frage
Wie steuert man die Position der Elemente in den Zellen in den Spalten? Auf der linken Seite habe ich das Kartenelement, und rechts habe ich Text und Bild. Wie im untenstehenden Screenshot zu sehen ist, sind die Elemente rechts nach der Karte positioniert. ! Screenshot (175) Ein ähnliches Problem gibt es auch bei diesem Codepen (Grapesjs Custom UI von @artf). ! Screenshot (177)
Antworten (3)
Du kannst das zu 'pluginOpts' innerhalb von 'grapesjs.init' hinzufügen: '''js const editor = grapesjs.init({ // ... pluginsOpts: { "gjs-blocks-basic": { stylePräfix: '', // kein gjs- Präfix flexGrid: 1 // benutze flexbox statt Tabellen } }, // ... }); ``` Das wird wahrscheinlich auch deine bisherig...
@theSC0RP Das ist bei GrapesJS selbst eigentlich kein Problem. Die Zelle in GrapesJS hat '''css anzeigen:Tischzelle; Sieh https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align Du würdest das entweder automatisch auf deine benutzerdefinierte Komponente anwenden oder eine benutzerdefinierte...
@MartinPutz Danke für die Antwort. Wie würde ich eine benutzerdefinierte Stil-Eigenschaft auf der Zelle erstellen und anwenden? Ich benutze das Plugin grapesjs-blocks-basic, sodass die Zelle den Klassennamen 'gjs-cell' hat. Ich habe versucht, die vorgeschlagene Eigenschaft für diese Klasse in meine...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #3252
Entfernt getHtml() die Inline-Style-Eigenschaft?
Ich habe mit Möglichkeiten herumgespielt, wie man den Stil der Elemente innerhalb der Leinwand ändern kann, und festgestellt, dass durch di...
Problem #3480
Wie man die Höhe des Editors dynamisch steuert, um umständliches Scrollen zu vermeiden
Ich habe bemerkt, dass wenn ich in der Initialisierungsfunktion eine Höhe einstelle, sie sich auf eine bestimmte Pixelmenge stützt, z. B. H...
Problem #3184
Klicke auf Problem zur Integration des grapesjs-ähnlichen BG-Plugins in den Web-Builder
Ich benutze die GrapesJS-Version (0.16.27) und habe das grapesjs-style-bg-Plugin in den Editor integriert. Die Funktionalität funktioniert...
Problem #1232
Wie man den Rand von px zu rem ändert
Hallo @artf, Ich hoffe, es geht dir gut. Ich habe die Randeinstellungen in einem der Elemente mit dem untenstehenden Code von "px" auf "rem...
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 →Verwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Tutorial
Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors
We've released the Claude Skill for GrapesJS Development — a free, open-source skill that turns Claude into a developer who actually knows GrapesJS
Tutorial
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyer–studio pair, the whole history in one place.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.