Problem #510✓ GelöstNov 12, 2017 geöffnetvon asvine-p6-Reaktionen

Neue Klasse programmatisch hinzufügen

Kurze Antwortvon artf❤ 4

@wemod123 'editor.getWrapper().addClass('my-class')'

Lesen Sie die vollständige Antwort unten ↓

Frage

Hallo Artf, Ich möchte die Stile der Komponenten (hauptsächlich importiertes HTML) bearbeiten, ohne alle Komponenten mit derselben Klasse zu verändern. Ich habe versucht, eine zufällig benannte Klasse programmatisch hinzuzufügen, so wie diese: this.editor.on('component:selected', function(model) { if (model && model.length > 2) { const uuid = this.s4(); Generiere einen neuen zufälligen Klassennamen const Selektor = { Name: UUID, Typ: 'Klasse', Label: uuid, }; model[1].attributes.classes.push(selectorManager.get(uuid)); let mClasees = model[1].attributes.classes; const uuid = this.s4(); const...

Antworten (3)

👍 Am hilfreichstenartf• Jan 2, 2020

@wemod123 'editor.getWrapper().addClass('my-class')'

artf• Feb 13, 2019

@IrinaCodixis aus dem https://github.com/artf/grapesjs/releases/tag/v0.14.52 haben wir 'setRule'/'getRule')-Methoden hinzugefügt, also solltest du, um programmatisch CSS-Regeln hinzuzufügen, Folgendes tun: '''js Redakteur. CssComposer.setRule('.some-class', { color: 'red' }) Entfernen CONST Regel =...

artf• Nov 14, 2017

Du meinst etwas wie 'model.set('style', {...})`? Dies verleiht dem Bauteil einen Inline-Stil

Vollständige Diskussion auf GitHub ansehen →