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
Introducing GJS.Market Services: ship your GrapesJS editor without the integration risk
It's everything that usually eats weeks of engineering time, scoped and priced up front. No open-ended hourly surprises.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.