Aktualisieren Sie den Stil der ausgewählten Komponente
Okay, wenn du ein Element wie dieses auswählst: '<div id="inul" class='class1'>Hallo</div>' Sie haben folgende Möglichkeiten:Verwenden Sie 'editor.getSelected().setStyle({ color: 'red' })', um nur den ausgewählten Komponentenstil zu ändern, sodass Sie erhalten: '''css #inul { Farbe: rot; }
Lesen Sie die vollständige Antwort unten ↓Frage
Ich versuche, die CSS des ausgewählten Elements zu aktualisieren. Beispiel: Ausgewähltes Element: '<div id="inul" class='class1'>Hallo</div>' der obige Code wurde von component.toHTML() zurückgegeben; CSS: .class1{ Hintergrundfarbe: Schwarz; } Der obige CSS-Code wurde vom Editor zurückgegeben. CodeManager.getCode(component, 'css', {cssc: editor. CssComposer}); Ich habe hier zum Beispiel Textarea verwendet und den CSS-Code bearbeitet, und wenn ich auf die Speichertaste drücke, führe ich den Code unten aus 'editor.getSelected().em.set('style', content);' Das Ergebnis ist nicht das, was es sein...
Antworten (3)
Okay, wenn du ein Element wie dieses auswählst: '<div id="inul" class='class1'>Hallo</div>' Sie haben folgende Möglichkeiten:Verwenden Sie 'editor.getSelected().setStyle({ color: 'red' })', um nur den ausgewählten Komponentenstil zu ändern, sodass Sie erhalten: '''css #inul { Farbe: rot; }
@froderf wenn du '.setStyle(content );' machst, sollte 'content' ein Objekt wie '{ color: 'red' }' sein und kein String mit dem Selektor
was ich hier brauche, ist so etwas wie 'Redakteur. CodeManager.setCode(component, 'css', {cssc: editor. CssComposer});'
die den Stil der ausgewählten Komponente aktualisieren
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #2861
Erhalte CSS der ausgewählten Komponente und ihrer Untergruppen
Hallo, Ich versuche, die Möglichkeit zu implementieren, Elemente als benutzerdefinierte Blöcke zu speichern. Wie kann ich CSS von Component...
Problem #2461
Wie man Stil oder Merkmal auf das Eltern- oder Kindelement der ausgewählten Komponente anwendet.
Zum Beispiel habe ich ein Component-Image, das in Div gewickelt ist. Ich möchte das Bild mit mehreren Eigenschaften (horizontale Position,...
Problem #1511
Ändere den HTML-Inhalt der ausgewählten Komponente
Ich versuche, das HTML des grundlegenden Textzusammensatzes mit dem untenstehenden Code zu ersetzen ' const component = editor.getSelected(...
Problem #374
Ist es möglich, dass ich den Wert in Eigenschaften ändere, die sich direkt in der Komponente widerspiegeln?
Wenn ich zum Beispiel ein Dropdown-Menü in Traits erstellt habe und mit einem ausgewählten Wert des Dropdown-Menüs den Text in dieser Kompo...
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.