Wie füge ich die CSS-Datei meiner Klassen hinzu, wenn ich Components benutze?

Question

Ich habe diese Komponente: Redakteur. BlockManager.add('rodape', { Etikett: '3 Colunas', Inhalt: { TagName: 'div', draggable: wahr, Attribute: { Klasse: 'Zeile' }, Stil: { 'Display': 'flex', 'Justify-content': 'Flex-Start', 'Punkte anrichten': 'Dehnen', 'flex-wrap': 'nowrap', 'Padding': '10px', }, Inhalt: 'Lala' } }); Ich möchte die Klasse ROW verwenden, aber wo definiere ich diese Klasse? Wenn ich diesen Komponentenblock in die Canvas ziehe, wird das CSS der Klasse nicht einmal geladen.

RJCAM · Accepted Answer

Hallo, @Leozinho0 Du kannst es so machen:

RJCAM · Answer

Tatsächlich funktioniert der Code, den ich dir gebe, – um zu verstehen, was ich meine, probiere das hier:Fügt benutzerdefinierte Komponente in die Canvas ein, wie du gesagt hast, wird der CSS-".row"-Stil nicht geladenJetzt einen beliebigen Spaltenblock im Canvas einfügen, und du siehst, dass die ".row"-CSS geladen wird. Das liegt daran, dass die Stile im Inneren des Blocks selbst sind und nur gerendert werden, wenn man den Spaltenblock in die Leinwand fallen lässt. Du kannst beim Ausdrucken in...

Leozinho0 · Answer

Hallo. Danke für die Antwort. Es funktioniert nicht.

Wenn du https://grapesjs.com/demo.html beim Hinzufügen einer Komponente (z. B. 3 Spalten) überprüfst und klickst, um das HTML zu exportieren, siehst du, dass die .row- und .cell-Klassen geladen werden.

Wie füge ich die CSS-Datei meiner Klassen hinzu, wenn ich Components benutze?

Frage

Antworten (3)

Verwandte Fragen und Antworten

Element oder Block im Elternelement einfügen

Wie kann ich Inhalte mit Skript weitergeben?

Rekursive Ansichts-Aktualisierung einer benutzerdefinierten Komponente

HTML-Problem ersetzen

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien