Entfernen Sie ein Bild in der Vorschau und zeigen Sie es im Editor
Du kannst nicht einfach '$('.img[src=""]')' machen. GrapesJS-Komponenten befinden sich nicht im gleichen Kontext, sondern werden in einem iframe platziert, sodass du das 'Dokument' aus diesem iframe verwenden musst, z. B. '''js Redakteur. Canvas.getDocument().querySelectorAll('.img[src=""]') ```
Lesen Sie die vollständige Antwort unten ↓Frage
Hey, @artf ich brauche Hilfe bei einer Herausforderung, der ich mich stellen musste
Ich möchte Bilder mit leerem SRC für bestimmte Klassenbilder im Vorschaumodus ausblenden und sie im Editor-Modus anzeigen.
Ich habe das ausprobiert, aber aus irgendeinem Grund scheint es nicht zu funktionieren
editor.on('run:preview', () => {
$('.img[src=""]').hide();
});
editor.on('stop:preview', () => {
$('.img[src=""]').show();
});
Danke, Chaitu
Antworten (2)
Du kannst nicht einfach '$('.img[src=""]')' machen. GrapesJS-Komponenten befinden sich nicht im gleichen Kontext, sondern werden in einem iframe platziert, sodass du das 'Dokument' aus diesem iframe verwenden musst, z. B. '''js Redakteur. Canvas.getDocument().querySelectorAll('.img[src=""]')
Ist dein Selektor korrekt? Soweit ich weiß, setzt grapes background-image:url() statt SRC.
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #1322
Deaktivieren Sie das Bearbeiten im Vorschaumodus.
@artf Wie können wir das Bearbeiten im Vorschaumodus deaktivieren und wieder aktivieren, wenn der Vorschaumodus ausgeschaltet ist? Ich möch...
Problem #2583
Breakpoints stimmen nicht mit der Medienanfrage in Canvas überein
Hey @artf Ich habe mehrere Breakpoints ! Bild Das Problem ist, dass bei einer Auflösung (mit den Icons eingestellt) wie 411 (mobil) nicht i...
Problem #1762
Bild ändert sich nicht, während wir HTML mit editor.getHtml() abrufen.
Hallo @artf Ich benutze grapes.js für mein Website-Builder-Tool in meine Website. Während ich auf ein beliebiges Bild doppelklicke, öffnet...
Problem #2297
Fügen Sie ein Skript mit Drag & Drop hinzu, das Elemente dynamisch hinzufügt
Hey. Danke für dieses großartige Projekt. Ich benutze es in einem meiner Projekte und brauche etwas Hilfe. 1- Ich habe ein Blockelement mit...
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.