Wie kann ich einen Block mit Hintergrundbild erstellen, das ein Verhalten wie ein eingebautes "Bild" hat?
@noogen Danke für den Tipp, ich habe es so umgesetzt: '''javascript const domc = Herausgeber. DomComponents domc.addType('image-block', { Erweitern: 'Standard', model: { defaults: function () { Rückkehr { Name: 'Hintergrundbild', Typ: 'Bildblock', TagName: 'div', leer: falsch, Droppable: True } } }, Ansicht: { init ()...
Lesen Sie die vollständige Antwort unten ↓Frage
Hallo, ich versuche, einen Block mit Hintergrundbild zu erstellen (ähnlich wie die Grapedrop Image Box). Ich habe eine neue Komponente wie diese hinzugefügt: '''javascript domc.addType('image-block', { Erweitern: 'Bild', model: { defaults: function() { Rückkehr { Name: 'Hintergrundbild', Typ: 'Bildblock', TagName: 'div', leer: falsch, Droppable: True, Größenvergrößerbar: Wahr } } }, Ansicht: { TagName: 'div', updateSrc: function() { const { model, em } = dies; const srcResult = model.getSrcResult(); const style = model.getStyle(); const isDefaultSrc = model.isDefaultSrc(); const URL = "url('"...
Antworten (2)
@noogen Danke für den Tipp, ich habe es so umgesetzt: '''javascript const domc = Herausgeber. DomComponents domc.addType('image-block', { Erweitern: 'Standard', model: { defaults: function () { Rückkehr { Name: 'Hintergrundbild', Typ: 'Bildblock', TagName: 'div', leer: falsch, Droppable: True } } }...
@kuhelbeher weil es letztlich immer noch ein Bild ist. Es ist nicht für die Nutzung oder Überschreibung gedacht, wie du es möchtest, denn im Backend-Code (schau dir sowohl das Bild-Komponentenmodell als auch die Ansicht an) sind https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/Compo...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #1895
Ziehe die Komponente mit Skript über Canvas, Skript mehrfach angehängt.
Hallo, ich bin mir nicht sicher, ob das ein Bug ist oder nicht. Aber ich habe ein merkwürdiges Verhalten bemerkt: Wenn ich einen Block zieh...
Problem #1912
Standardkinder benutzerdefinierter Komponenten
Hallo, Ich versuche zu verstehen, wie ich Folgendes erreichen kann.Erstelle als Kinder eine Komponente mit Standardinhalten.Erstelle einen...
Problem #1795
Führe eine JavaScript-Funktion aus, nachdem du einen Block hinzugefügt hast
Hallo, Ich versuche, einen Canvas-Block zu erstellen und ein JavaScript auszuführen, das darin einen ChartJS-Graphen generiert. Ich versteh...
Problem #956
Wie lädt man ein neues Merkmal, das ich in einer eingebauten Komponente hinzugefügt habe?
Hallo Leute, ich habe ein Merkmal für mein Link-Element hinzugefügt, das eine eingebaute Komponente für gjs-blocks-basic ist. Wenn ich eine...
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.