Wickle jeden Komponentenzug automatisch in die Leinwand mit einer anderen Komponente
@pouyamiralayi habe ich es geschafft, das Problem zu lösen, indem ich die Komponente als Objekt gemacht habe. So. '''javascript result.content = { TagName: 'div', abnehmbar: wahr, // Kann es nicht entfernen draggable: true, // Kann es nicht bewegen kopierbar: true, // Kopieren/Einfügen deaktivieren Klassen: ['Containe...
Lesen Sie die vollständige Antwort unten ↓Frage
Ich versuche sicherzustellen, dass jede Komponente in die Leinwand gezogen wird, um mit einer Spaltenkomponente umwickelt zu werden. Um das zu erreichen, nutze ich Canvas Event. Zuerst habe ich das Fensterereignis deaktiviert, um zu verhindern, dass das Standard-HTML-5-Drag-and-Drop-Ereignis ausgelöst wird. 'Canvas:Drop'-Event '''javascript ditor.on('canvas:drop', function (dataTransfer) { event.preventDefault() }) Der obige Code-Return-Fehler, der besagt, dass DataTransfer nicht definiert ist Soweit ich weiß, können wir anpassen, was wir mit 'result.content' auf die Canvas legen. So etwas wi...
Antworten (2)
@pouyamiralayi habe ich es geschafft, das Problem zu lösen, indem ich die Komponente als Objekt gemacht habe. So. '''javascript result.content = { TagName: 'div', abnehmbar: wahr, // Kann es nicht entfernen draggable: true, // Kann es nicht bewegen kopierbar: true, // Kopieren/Einfügen deaktivieren...
Hallo zusammen! Das Event, das Sie suchen, ist dieses editor.on('block:drag:stop', Funktion (element) { element.replaceWith({ TagName:'div', style:{'border': '1px solid red'}, Komponenten: [Element] }) }) Beachte, dass ich hier einen rot umrandeten Div als Verpackung benutze; In deinem Fall ist es...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #6269
Component Model and View ist jedes Mal, wenn es über jede in Canvas vorhandene Komponente gezogen wird, in die es eingelegt werden kann
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 130.0.6723.59...
Problem #2839
Ich habe eine Komponente mit dem Namen Template in die Blöcke eingefügt, aber wenn ich versuche, andere Komponenten innerhalb dieser Vorlage zu ziehen, wird sie gezogen, aber nach dem Speichern werden alle darin enthaltenen Komponenten entfernt. Wie kann man das vermeiden?
Dies ist der Code der Vorlagenkomponente: '''js Export Standard { init(editor) { Redakteur. DomComponents.addType('myTemplate', { isCompone...
Problem #1814
Wie löst man ein Ereignis aus, das component:selected mit meiner Komponente auslöst
Ich möchte meine Komponente auswählen, wann immer sie von Blöcken auf die Leinwand gezogen und gerendert wird. Ich habe versucht, Ereigniss...
Problem #2008
Die Leinwand wird dunkel und unveränderbar, wenn man ein großes Stück benutzerdefinierten HTML hinzufügt.
Früher habe ich benutzerdefiniertes HTML mit 'editor.addComponent()' hinzugefügt. Das funktioniert meistens gut, aber wenn ich versuche, ei...
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.