Load blocks closed by default?
Das sollte reichen, Redakteur. Blocks.getCategories().forEach(ct => ct.set('open', false))', aber Kategorien werden erst beim Rendern der Blöcke erstellt (was standardmäßig passiert, wenn man auf den Blocks-Tab klickt), also muss man das Skript nur ausführen, sobald es gerendert ist.
Lesen Sie die vollständige Antwort unten ↓Frage
Ich benutze den folgenden Code, um alle Blockkategorien zusammenzufassen, leider funktioniert das nicht
const Kategorien = Editor. BlockManager.getCategories();
categories.each(category => {
category.set('open', false).on('change:open', opened => {
opened.get('open') && categories.each(category => {
category !== geöffnet && category.set('open', falsch)
})
})
})
Live-Demo: https://jsfiddle.net/d4702yoh/2/
Was stimmt hier nicht?
Antworten (4)
Das sollte reichen, Redakteur. Blocks.getCategories().forEach(ct => ct.set('open', false))', aber Kategorien werden erst beim Rendern der Blöcke erstellt (was standardmäßig passiert, wenn man auf den Blocks-Tab klickt), also muss man das Skript nur ausführen, sobald es gerendert ist.
Hallo, ich habe es so gemacht, dass alle Blöcke in einem Plugin geschlossen werden, versuche mich an dich anzupassen.: '''javascript Export Standard (Editor, Opt = {}) => { const Befehle = Editor. Befehle; Commands.add("dina:hide-all-blocks",(editor)=>{ Redakteur. Panels.getButton("views","open-blo...
'''jsconst Commands = Editor. Befehle;Commands.add("dina:hide-all-blocks",(editor)=>{Redakteur. Panels.getButton("views","open-blocks").set("aktiv",1);lassen Kategorien = Editor. BlockManager.getCategories().models;categories.map(elem=>{elem.view.$el.css("display","none"); }); })``` Hier ist das im...
Danke, dass du das gemeldet hast, @throne1986. Tolle Frage zu standardmäßig geschlossene Blöcke laden?. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche nach der 'on()'-Ereignis-Lis...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
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 #3303
Category order not displaying properly
Hallo! Ich möchte die Kategorien im Blockmanager in einer bestimmten Reihenfolge anzeigen. Ich habe mir die Dokumentation und frühere Probl...
Problem #6116
AsDokument funktioniert nicht wie erwartet
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 128 Reproduzierbarer D...
Problem #4094
Beim Drag-and-Drop-Blocken in den Editor in Chrome kann man nicht per Drag & Drop blocken
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 97.0.4692.71 (Offizie...
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 Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestützten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben – von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, Zeitpläne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.