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 du mit transparenten SVG-FĂŒllungen in GrapesJS-Blockmedien hast, ist ein bekanntes Verhalten, das aus dem Standard-Styling des Editors resultiert. Du hast 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 #6549
Bild konnte nicht vergröĂert werden
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-...
Problem #4294
Textbare Komponenten können nicht in kleine Textbereiche eingefĂŒgt werden
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v100 Reproduzierbarer...
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...
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 âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.