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 #3213
Wie man die dynamisch hinzugefügten Eigenschaften speichert
Hallo, @artf, ich habe eine benutzerdefinierte Komponente, die eine Button-Eigenschaft hat. Wenn der Button gedrückt wird, füge ich dynamis...
Problem #3200
Benötigt Hilfe: Die Komponente bekommen, auf die ein Block fällt?
Hallo, Wenn ich einen Block per Drag & Drop auf eine dynamisch hinzugefügte Komponente ziehe, wie kann ich dann die Komponente erreichen od...
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...
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.