PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #740💬 Beantwortet10. Januar 2018 geöffnetvon Deepak8130-Reaktionen

Wie man die Klasse aus HTML entfernt

Kurze Antwortvon ryandeba

Hallo @Deepak813, Komponenten verfĂŒgen ĂŒber eine 'setClass'-Methode, die alle bestehenden Klassen entfernt und durch die als erste Argument ĂŒbergegebene Zeichenkette der Klassen ersetzt. Probieren Sie das aus: 'editor.getSelected().setClass('newClass');'

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo @artf,

Wir aktualisieren die <i> Tag-Klasse, aber sie fĂŒgt eine neue Klasse hinzu, aber die vorherige Klasse wird nicht entfernt. Bitte sagt uns, wie man die Klasse entfernt.

Verwendung hier: editor.getSelected().set('attributes', {'class': 'newClass'});

Ausgabe: <i class="fa fa-smile-o c2515" class="fa fa-address-book-o">

Aber "fa fa-smile-o" wird nicht entfernt.

Ich freue mich auf positive Resonanzen.

Antworten (3)

ryandeba‱ 10. Januar 2018

Hallo @Deepak813,

Komponenten verfĂŒgen ĂŒber eine 'setClass'-Methode, die alle bestehenden Klassen entfernt und durch die als erste Argument ĂŒbergegebene Zeichenkette der Klassen ersetzt. Probieren Sie das aus: 'editor.getSelected().setClass('newClass');'

Deepak813‱ 10. Januar 2018

Hallo @ryandeba, Danke fĂŒr die Nachricht. Ich habe das bereits benutzt, aber es zeigt folgenden Fehler an: ----------Uncaught TypeError: editor.getSelected(...). setClass ist keine Funktion------------------ Bitte lassen Sie uns wissen, wie wir diesen Fehler entfernen können, um das Problem zu behe...

ryandeba‱ 10. Januar 2018

@Deepak813 – Der Code, den ich bereitgestellt habe, funktioniert bei mir in der Demo einwandfrei, daher vermute ich, dass etwas an deiner Konfiguration das Problem verursacht. Könntest du sicherstellen, dass du die neueste Version von grapesjs hast und dann ein jsfiddle erstellen, das das Problem a...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Verwandte Tutorials

Tiefgehende Anleitungen zum gleichen Thema.

Alle Tutorials →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.