PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #3560💬 Beantwortet23. Juni 2021 geöffnetvon hadeel942-Reaktionen

Customize Blocks Styles - grapesjs Angular

Kurze Antwortvon ronaldohoch❀ 1

Vielleicht schaffst du es mit diesen Events: https://grapesjs.com/docs/api/editor.html#blocks oder https://grapesjs.com/docs/api/editor.html#canvas

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Ich bin neu bei grapes JS und versuche, die Blöcke beim Ziehen in einem anderen Stil zu gestalten zum Beispiel die Bildblöcke 1 – wenn nicht gezogen oder schwebend, nimmt er Stil A an. 2 – wenn der Hover Stil B annimmt. 3- Beim Ziehen nimmt Stil C (wenn es ĂŒber der Leinwand liegt). Kann mir jemand bei diesem Problem helfen? Danke ! [DASHBORAD – 12] (https://user-images.githubusercontent.com/86350308/123074122-b45cfe00-d41f-11eb-9738-a7f53401c58e.png) ! [DASHBORAD – 11] (https://user-images.githubusercontent.com/86350308/123074131-b626c180-d41f-11eb-82b4-9f391fdbc7ff.png) ! [DASHBORAD – 9] (ht...

Antworten (4)

artf‱ 31. Juli 2021

In so einem Fall ist wahrscheinlich eine komplett benutzerdefinierte Blockmanager-UI der einzige Weg (z. B. von deiner eigenen BlockManager-Komponente in Angular gerendert). Es sollte schon möglich sein, aber ich nehme mir lieber Zeit und aktualisiere die Blocks-Dokumentation mit allen notwendigen...

hadeel94‱ 1. August 2021

In so einem Fall ist wahrscheinlich eine komplett benutzerdefinierte Blockmanager-UI der einzige Weg (z. B. gerendert durch deine eigene BlockManager-Komponente in Angular). Es sollte schon möglich sein, aber ich nehme mir lieber Zeit und aktualisiere die Blocks-Dokumentation mit allen notwendigen...

GJSBlock‱ 17. Mai 2026

Danke, dass du das gemeldet hast, @hadeel94. Danke, dass du deinen Bericht ĂŒber Customize Blocks Styles – grapesjs Angular geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reproduzierbares Beispiel (CodeSandbox/JSFiddle) Ihre GrapesJS...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.