Das GrapesJS-Ökosystem ist im letzten Jahr explodiert. Hunderte von Plugins, zwei unterschiedliche Umgebungen, eine Mischung aus kostenlosen und kostenpflichtigen Optionen – und bis heute eine Suchleiste und viel Scrollen.
Wir liefern eine Reihe von Discovery-Upgrades aus, die das beheben. Neue Label-Filter, ein richtiger Kompatibilitätsschalter für GrapesJS vs GrapesJS Studio, Ein-Klick-Filter-Reset und eine intelligentere Sortierleiste. All das widerspricht dem gesamten Katalog – nicht nur dem, was gerade auf der Leinwand zu sehen ist.
Hier ist, was neu ist und warum es wichtig ist.
1. Label-Filter, die den gesamten Katalog durchsuchen.
| Label | Was es signalisiert |
|---|---|
| Neu | Veröffentlicht in den letzten 14 Tagen |
| Kürzlicher Verkauf | Ich habe in den letzten 48 Stunden einen Kauf gehabt – gerade aktiv gekauft |
| Beliebt | 100+ Downloads insgesamt in der Community |
| Bestseller | 10 oder mehr bezahlte Verkäufe – nachgewiesene Nachfrage |
| Offizieller | Direkt veröffentlicht vom Kernteam von GrapesJS |
Wählen Sie Beliebt aus, und Sie sehen jedes Plugin im Katalog, das 100 Downloads gelöscht hat – nicht die 30, die derzeit auf dem Bildschirm sind. Wähle Bestseller aus, und du siehst nur Plugins, die echte Entwickler bezahlt und in Produktion gebracht haben.
Wenn du für ein Kundenprojekt Abhängigkeiten wählst, sind Offiziell und Bestseller die beiden Filter, die man als Lesezeichen speichern sollte.
2. Kompatibilität: GrapesJS oder GrapesJS Studio
GrapesJS verfügt nun über zwei unterschiedliche Umgebungen – den klassischen Open-Source-Builder und das neuere, meinungsstärkere GrapesJS Studio , das sich an Produktteams richtet. Viele Plugins funktionieren in dem einen, aber nicht im anderen, und diese Inkompatibilität lebte früher im dritten Absatz einer README.
Der neue Kompatibilitätsfilter zieht es nach oben:
- Alle — alles anzeigen (Standard)
- GrapesJS — nur klassische Open-Source-kompatible Plugins
- GrapesJS Studio — Plugins , die nachweislich mit GrapesJS Studio funktionieren
3. Ein-Klick-Filter-Zurücksetzungen
Jeder aktive Filter hat ein × neben seinem Label. Klicken Sie darauf, um diesen Filter – und nur diesen Filter – zu löschen, ohne sonst etwas zu berühren, das du eingestellt hast.
Der Reset-Button erscheint nur, wenn ein Filter tatsächlich auf einen nicht-standardmäßigen Wert gesetzt ist, sodass die Benutzeroberfläche sauber bleibt, wenn du nichts berührt hast.
Keine Dropdown-Menüs mehr, nur um eine einzige Option rückgängig zu machen.
4. Intelligentere Sortierkontrollen
Die Sortierleiste (Neues, Trendend, Bestbewertet, Preis) befindet sich dauerhaft am unteren Rand des Filterpanels. Klicke zweimal auf denselben Sortierbutton, um zwischen aufsteigend und absteigend zu wechseln – der Richtungspfeil wird in Echtzeit aktualisiert, sodass du immer weißt, in welche Richtung die Liste läuft.
Warum das wichtig ist
Das GrapesJS-Plugin-Ökosystem deckt jetzt fast alles ab, was man in einen Editor einbauen möchte:
- Blockmanager für Landingpages, E-Mails und Apps
- Exportiere Integrationen in React, Vue und einfaches HTML
- Stilmanager mit fortschrittlicher Typografie und Layout-Steuerungen
- Datenbindungen für REST- und GraphQL-APIs
- Individuelle Komponenten für E-Commerce, Formulare und Medien-Embeds
Bei so viel Auswahl wird die Entdeckung zum Engpass. Diese Filter ermöglichen es dir, nicht mehr zu fragen "Zeig mir alles" und die eigentliche Frage zu stellen: "Zeig mir beliebte, Studio-kompatible Plugins sortiert nach bestbewerteten."
Wer profitiert am meisten
Freiberufler und Agenturen – kombinieren Sie offizielle und Bestseller-Plugins , um Plugins mit aktiver Wartung und nachgewiesener Traktion auszuwählen, bevor Sie sie in eine Kunden-Codebasis einbinden.
Teams bewerten GrapesJS Studio – setze die Kompatibilität einmal auf GrapesJS Studio und vergiss es. Jeder Durchsucher, jede Kategorieseite, jede Suche bleibt auf deine Umgebung beschränkt.
Entwickler jagen dem Heißen hinterher – Recent Sell ist das, was dem Marktplatz am nächsten an einem Echtzeitsignal kommt. Wenn ein Plugin in den letzten 48 Stunden verkauft wurde, wird es gerade übernommen.
Budgetbewusste Entwickler – kombinieren Sie den Filter für den kostenlosen Typ mit Beliebt, um die am häufigsten heruntergeladenen kostenlosen Plugins im Ökosystem hervorzuheben.
Wie man die neuen Filter verwendet
Gehe auf gjs.market – oder auf eine beliebige Kategorieseite – und klicke oben in der Sortierleiste auf Filter . Das Panel schiebt sich auf und alles ist an einem Ort:
- Typ — Alles / Kostenlos / Bezahlt
- Version — Multiselect über unterstützte GrapesJS-Versionen hinweg
- Kompatibilität — Alle / GrapesJS / GrapesJS Studio
- Labels – mehrfach auswählen auf Neu, Kürzlich verkauft, Beliebt, Bestseller, Offiziell
Alle Filter stapeln sich. Eine Abfrage wie Paid + GrapesJS Studio + Best Seller schränkt den Katalog auf kostenpflichtige Plugins ein, die für Studio mit einer echten Verkaufshistorie verifiziert sind – meist in weniger als einer Sekunde.