Grapesjs Paneless

Grapesjs UI-Preset, das in blocomposer.app zusammen mit anderen gängigen Plugins und Konfigurationen zu Grapesjs verwendet wird, um deinen Website-Builder schnell zum Laufen zu bringen. Als Preset funktioniert dies korrekt mit den bereitgestellten Versionen, kann aber auch mit früheren Versionen funktionieren, wenn die Plugins ebenfalls korrekt abgestimmt sind. Dieses Plugin bietet außerdem ein Rahmenwerk, das durch Hinzufügen von Funktionalität zu einigen der bereitgestellten Benutzeroberflächen erweitert werden kann. Für weitere Informationen zur Einrichtung können Sie die bereitgestellten README.md und die in index.html bereitgestellten Beispiel-Einrichtung nachsehen. Bietet Widgets zum Hinzufügen von Blöcken, ohne Drag & Drop verwenden zu müssen. Dieses Plugin ist mit dem grapesjs-component-icon-Plugin eingebaut, sodass man es nicht separat kaufen muss.

Komponenten

• Ikone
• Formteiler
• Überschrift
• animieren
•  Blockbauer
• Button-Basic

Blöcke

• Link-Block
• Zitat
• Text-Basic
• Abschnittsblock
• Spannblock
• Button-Basic
• Blockbauer
• Linienteiler
• Heldenblock
• Mannschaft
• Teamkarte
• Footer
• Formteiler
• Überschrift
• Ikone
• animieren

Kommandos

• Left-assets
• Links-Einstellungen
• Page-seo
• Adder
• gjs-open-import-Webseite
• settings-customHead
• settings-globalCss
• get-current-name
• Open-Fonts
• Klon-Seite
• add-block
• Hilfe
• Veröffentlichen
• set-device-desktop
• set-device-tablet
• set-device-mobile
• Leinwandfrei

Optionen

1. 'useCloudinary' – Verwenden Sie Cloudinary File Picker – 'true' 
2. 'showPanels' – Editor mit festen Panels verwenden – 'false'
3. 'staticSettings' – Einstellungen neu positionieren, wenn eine Komponente ausgewählt wird – 'false'
4. 'settingsAnimation' – Animations-Einstellungen erscheinen, wenn - 'true'
5. 'hideSettings' – Einstellungen standardmäßig ausblenden – 'true'
6. 'linkBlock' – Linkblock erweitern – '{}'
7. 'quoteBlock' – Zitatblock verlängern – '{}'
8. 'textBlock' - Textblock erweitern - '{}'
9. 'btnBlock' – Blockknopf verlängern – '{}'
10. 'bldBlock' – Block Builder Block erweitern – '{}'
11. 'hrBlock' – Linienteilerblock verlängern – '{}'
12. 'heroBlock' – Heldenblock verlängern – '{}'
13. 'teamBlock' – Teamblock verlängern – '{}'
14. 'shapedividerBlock' – Formteilerblock verlängern – '{}'
15. 'sectionBlock' – Abschnitt erweitern – '{}'
16. 'spanBlock' – Extend span Block – '{}'
17. 'footerBlock' – Footer-Block verlängern – '{}'
18. 'headerBlock' – Headerblock erweitern – '{}'
19. 'animateBlock' – Animate Block erweitern – '{}'
20. 'iconBlock' – Icon Block erweitern – '{}'
21. 'modalHelpLabel' – Titel der modalen Hilfe – 'Hilfe'
22. 'modalImportTitle' – Modal Import-Titel – 'Import'
23. 'modalImportButton' – Modalimport-Button-Text – 'Import'
24. 'modalImportLabel' – Importbeschreibung innerhalb von Import Modal – 'HTML'
25. 'importViewerOptions' – Code-Viewer (z. B. CodeMirror) Optionen – '{}'
26. 'textCleanCanvas' – Text bestätigen, bevor die Leinwand gereinigt wird – 'Bist du sicher, dass du die Leinwand reinigst?'
27. 'onSave' – Rückruf, wenn der Speicher-Button geklickt wird – 'editor.store()'
28, 'hoverDelay' – Hover-Verzögerung für blockhinzufügende Widgets, niedrigerer Wert macht das Hover-Update schneller – '250'