Hinzufügen benutzerdefinierter Stile zu Elementen mittels ID.
Der richtige Weg wäre folgender: '''js const compById = editor.getWrapper().find('#i9x9h')[0]; compById && compById.addStyle({ 'background-color': '...' }); ```
Lesen Sie die vollständige Antwort unten ↓Frage
Was versuchst du zu GrapesJS hinzuzufügen? Benutzerdefinierte Stile (wie Hintergrund) zu Elementen mit ID hinzufügen.
Gibt es eine Alternative in der neuesten Version?
[ ] Ja (beschreibe die Alternative) [X] Nein
Hängt das mit einem Problem zusammen?
[ ] Ja (Gib einen Link zum Thema) [X] Nein
Antworten (2)
Der richtige Weg wäre folgender: '''js const compById = editor.getWrapper().find('#i9x9h')[0]; compById && compById.addStyle({ 'background-color': '...' });
Hallo @BerkeAras!
Anscheinend ist es undokumentiert, aber 'Editor'. Components.allById()' könnte genau das sein, wonach du suchst, z.B.:
''''Typoskript Redakteur. Components.allById()['your-id'].set('style', {'background-color': 'red'});
Ich hoffe, das hilft, danke :)!
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #3427
Fügen Sie die Unterstützung für lazy loading für Bilder hinzu
Was versuchst du zu GrapesJS hinzuzufügen? Lade-Unterstützung für Bilder träge. Beschreibe deine Feature-Anfrage detailliert Die neuesten B...
Problem #3128
Eine Komponente an der Position der Maus fallen lassen, auf die die Maus geklickt wird
Was versuchst du zu GrapesJS hinzuzufügen? Wenn eine Komponente abgeworfen wird, bleib an der Position, an der die Maus angeklickt wird. Be...
Problem #3317
Fügen Sie Unterstützung für Versprechen in der benutzerdefinierten RTE-API hinzu
Was versuchst du zu GrapesJS hinzuzufügen? Unterstützung für Richtext-Editoren mit versprechensbasierten APIs. Beschreibe deine Feature-Anf...
Problem #4800
Das Entfernen oder Hinzufügen von Komponenten ändert die Standorte anderer Komponenten mit dragMode translate, gibt es eine Lösung?
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 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.