Filterblöcke funktionieren nicht wie in der Dokumentation beschrieben

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v123 Reproduzierbarer Demo-Link https://jsfiddle.net/7xu0efLc/3/ Beschreibe den Käfer Die GrapesJs-Dokumentation zeigt, dass es angeblich möglich ist, die Blöcke zu filtern und den BlockManager mit der gefilterten Liste der Blöcke neu zu rendern. (siehe Dokumente https://grapesjs.com/docs/api/block_manager.html#render) In der Fiddle sieht man, dass es nicht funktioniert. Nur der...

artf · Accepted Answer

Diese Methode gilt nur, wenn der Standard-Blockmanager bereits gerendert ist. Wenn du zu Beginn neu rendern musst, kannst du das Ereignis der Blockmanager-Aktivierung abonnieren. '''js editor.on('command:run:open-blocks', () => { const blocks = editor. BlockManager.getAll(); const filtered = blocks.filter(block => block.getLabel() == 'Text'); Redakteur. BlockManager.render (gefiltert); }); ```

rhoenerSBS · Answer

Danke @artf

GJS Helper · Answer

Das Problem, auf das Sie stoßen, dass 'BlockManager.render()' Blöcke nicht wie erwartet filtert, stammt aus einem weit verbreiteten Missverständnis darüber, wie GrapesJS (und das zugrundeliegende Backbone.js Framework) Sammlungen handhabt. Obwohl die Dokumentation besagt, dass 'render()' ein "Array von Blöcken" akzeptieren kann, erwartet sie implizit, dass dieses Array sich wie eine Backbone-Sammlung verhält, insbesondere mit einer 'jeder'-Methode für Iterationen. Ursache Wenn du 'bm.getAll()'...

Filterblöcke funktionieren nicht wie in der Dokumentation beschrieben

Frage

Antworten (3)

Verwandte Fragen und Antworten

Sector.setName funktioniert nicht

Komponentenwerkzeuge verzerren sich, wenn der Editor vergrößert wird

Änderungen an den Attributen der Komponenten werden in allen Instanzen reproduziert, statt nur in einer

MousePosFetcher in der Resumizer-Konfiguration & change:style-Listener funktioniert nicht

Kostenpflichtige Plugins, die diesem Problem entsprechen

Verwandte Tutorials

Introducing Search on GJS.Market

Wie man 2026 mit GrapesJS einen KI-gestützten Page Builder erstellt

Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?

Durchsuchen Sie Plugin-Kategorien