FRAGE: Hinzufügen von Standard-Styling zu einer Komponente

Question

Ich arbeite daran, Grapesjs in eine neue Entwicklung zu integrieren, an der ich arbeite. Ich hatte mit der Dokumentation und dem Wiki-Forum viel Erfolg, stoße aber auf ein paar Probleme, bei denen ich hoffe, dass mir jemand helfen kann. Ich arbeite nur mit einer mobilen Ansicht, ich habe das Standardgerät auf mobil gestellt und die Option zum Wechseln ausgeblendet. Wenn ich ein Bild einfüge, möchte ich, dass das Standard-CSS Max-Breite enthält: 100 %, denn wenn ich ein großes Bild in die mobile...

artf · Accepted Answer

Deine Änderung am Block funktioniert nicht, weil du die eigentliche Komponente nicht änderst (nur die Eigenschaft des Blocks). '''js Redakteur. BlockManager.get('image').get('content').style = { 'max-width':'100%' } Eine einfachere Möglichkeit, benutzerdefiniertes CSS hinzuzufügen, könnte diese hier sein '''js editor.addComponents('');

mblever · Answer

Danke! Ich konnte das zum Laufen bringen mit: 'protectedCss: 'img {max-width:100%;}',' Ich habe dasselbe Problem mit Videos und iframes (für YouTube), die auf die Vorlage gelegt werden, die größer ist als die Bildschirmgröße, und die protectedCss-Lösung hat dafür nicht funktioniert. Habt ihr Vorschläge?

artf · Answer

'protectedCss' ist geladen, also ist das CSS hier; wenn es nicht funktioniert, ist deine CSS-Technik wahrscheinlich nicht korrekt

FRAGE: Hinzufügen von Standard-Styling zu einer Komponente

Frage

Antworten (3)

Verwandte Fragen und Antworten

Zweite Symbolleiste mit einem anderen Button und an einer anderen Position

Der Kurs zu verschiedenen Bundesstaaten wird auf diese Bundesstaaten nicht angewendet.

Hilfe beim Hinzufügen von Bildern zur Leinwand

Die Entwicklung von NPM auf dem lokalen Server hat nicht funktioniert

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien