Transparent Fill in Block Media svg kann nicht verwendet werden
Ich glaube, das hängt vom jeweiligen SVG ab, das verwendet wird. Wenn du die anderen SVG-Symbole ansiehst, wirst du feststellen, dass sie kein Füllattribut (inline) auf dem <svg> Haupttag haben, sondern auf den <path> Kindertags. Indem das Attribut fill="none" auf die beiden <path> Elemente dieses SVG gesetzt wird, so...
Lesen Sie die vollständige Antwort unten ↓Frage
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwenden'[email protected]', als diese Ausgabe eingereicht wurdeWelchen Browser benutzt du? Firefox 132, Chrome 131Reproduzierbarer Demo-Link https://jsfiddle.net/x54f9v68/1/Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie einen benutzerdefinierten Block hinzu, wobei die Eigenschaft 'media' auf eine SVG mit transparenter Füllung gesetzt istÜberprüfe den Block-Reiter und Beachten Sie, dass die Füllung automatisch auf 'currentColor' gesetzt wird Was ist das erwartete Verhalten? Die Füllung sollte transparent sein !...
Antworten (4)
Ich glaube, das hängt vom jeweiligen SVG ab, das verwendet wird. Wenn du die anderen SVG-Symbole ansiehst, wirst du feststellen, dass sie kein Füllattribut (inline) auf dem <svg> Haupttag haben, sondern auf den <path> Kindertags. Indem das Attribut fill="none" auf die beiden <path> Elemente dieses...
@samex Die Angabe von 'fill="none"' hat funktioniert, danke! Das wird definitiv helfen, dass meine benutzerdefinierten Sachen vorhersehbarer funktionieren. Darüber hinaus denke ich, dass der Hauptproblem darin besteht, Drittanbieter-SVGs (z. B. "react-icons") oder WYSIWYG-Ausgaben zu verwenden, die...
Ja, ich würde das hier schließen, da es nicht streng mit dem Kern selbst zu tun hat, aber danke, dass du darauf hingewiesen hast.
Das Problem, das Sie mit transparenten SVG-Füllungen in GrapesJS Blockmedien haben, ist ein bekanntes Verhalten, das aus dem Standard-Styling des Editors resultiert. Sie haben die Ursache korrekt identifiziert: GrapesJS wendet einen fill: currentColor; Stil auf alle SVGs innerhalb der .gjs-block El...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #6659
Symbolstile, die nicht synchronisiert sind
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 145.0 (64-Bit) Reprod...
Problem #5487
Style Manager zeigt nicht mehrere Regeln für dieselbe Klasse an
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox Reproduzierbarer Demo...
Problem #5269
Objekt-Literal kann nur bekannte Eigenschaften angeben, und 'el' existiert nicht im Typ 'PanelProps'.
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 115.0Reproduzierbarer De...
Problem #6407
Benutzerdefinierte Eigenschaften werden nicht in einem benutzerdefinierten Block geladen
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 133.0.6943.98 Reprodu...
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.