Konvertiere den RGB/RGB-Farbwert in Hex-Code
Da der StyleManager Komponenten und CssRules ansteuern kann, musst du zuerst herausfinden, was ausgewÀhlt wurde '''js editor.on('component:styleUpdate:color', component => { const sm = Editor. StyleManager; const model = sm.getModelToStyle(component); das Modell kann eine Komponente oder eine CssRule sein console.log(...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo zusammen,
Schritte, die ich befolgt habe:
- Ziehe den Textblock.
- Stelle die Schriftfarbe ein. (Es ist im RGB/RGBA-Format)
Was ich erwartet habe: Der Stil muss wie Hexa-Code aktualisiert werden. (so, #f0f0f0)
Ich habe versucht, das jeweilige Farbupdate mit ' editor.on('component:styleUpdate:color', function (model) {' . Aber ich konnte die Lösung nicht finden. Zeigen Sie mir, wie ich die erwartete Lösung erreiche.
Vielen Dank im Voraus, Prabha.
Antworten (3)
Da der StyleManager Komponenten und CssRules ansteuern kann, musst du zuerst herausfinden, was ausgewÀhlt wurde '''js editor.on('component:styleUpdate:color', component => { const sm = Editor. StyleManager; const model = sm.getModelToStyle(component); das Modell kann eine Komponente oder eine CssRu...
@prabha-912
editor.on('component:styleUpdate:color', function (model) {
console.log(model.getStyle()['color'])
})
Prost!
Es gibt bei mir beim Aktualisieren der Farb-@pouyamiralayi undefiniert zurĂŒck
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #2706
Eindeutige ID auf Blockinhalt ohne Inline-Stil
Hallo zusammen, Ich habe ein benutzerdefiniertes Blockmanager-Element erstellt, aber wenn das Element bearbeitet wird, wendet es den Stil a...
Problem #3482
Laufzeit hat die Eigenschaften aktualisiert, nicht der EDIT-Modus.
Hallo @artf Ich habe ein Problem mit einer Eigenschaft. Wenn ich den Block per Drag & Drop auf die Canvas ziehe, werden seine Eigenschaften...
Problem #1882
Dynamisch verÀndernde Eigenschaften der Eigenschaft
Hallo, ich habe die anderen hier gestellten Fragen durchgegangen und es nicht zum Laufen gebracht. Alles, was ich tun muss, ist, auf ein be...
Problem #921
WĂ€hlen und fokussieren Sie ein HTML-Element ĂŒber eine Panel-SchaltflĂ€che
Hallo zusammen, Ist es möglich, den Fokus in einem Abschnitt mit Grapes zu setzen, zum Beispiel als Anker? Ich habe eine Panel-Taste, die n...
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.