So habe ich eine benutzerdefinierte Komponente erstellt: Das ist mein benutzerdefinierter Block: Das Problem ist, dass ich das Bild-Tag beim Rendern auf der Leinwand im Tag eingewickelt habe. Wenn ich auf das Element klicke und versuche, es zu ziehen, wird nur das Tag gezogen und bleibt an seinem ursprünglichen Platz. Live-Demo

Early Access

PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #2103💬 Beantwortet27. Juni 2019 geöffnetvon imanubhardwaj1-Reaktionen

Problem des Ziehens von benutzerdefinierten Komponenten

Kurze Antwortvon artf❤ 1

Mit diesem '''js Ansicht: { dragstart: 'noDrag' }

Lesen Sie die vollständige Antwort unten ↓

Frage

So habe ich eine benutzerdefinierte Komponente erstellt: Das ist mein benutzerdefinierter Block: Das Problem ist, dass ich das Bild-Tag beim <a> Rendern auf der Leinwand im Tag eingewickelt habe. Wenn ich auf das Element klicke und versuche, es zu ziehen, <img> wird nur das Tag gezogen und <a> bleibt an seinem ursprünglichen Platz. Live-Demo

Antworten (3)

artf• 31. Juli 2019

Mit diesem '''js Ansicht: { dragstart: 'noDrag' }

Du lässt die Ansicht immer noch deine Klick-Ereignisse erfassen, also korrigiere es:
'''js
Ansicht: {
    Ereignisse: {
      dragstart: 'noDrag'
    }
  }

artf• 4. Juli 2019

Nun, ich sehe zwei verschiedene Lösungen für diesen Fall:Einfach und schnell: Mach die Komponente 'benutzerdefiniertes Video' nicht ziehbar, sodass du den Eltern ziehen musst, um ihn zu verschieben. Der kleine Nachteil ist eher von der UX-Seite: Sie zwingen die Nutzer, den Elternteil auszuwählen.Ei...

imanubhardwaj• 4. Juli 2019

Danke @artf, aber jetzt tritt ein neues Problem auf: Wenn ich die custom-video-wrapper-Komponente über die Leinwand ziehe, wird custom-video nicht mitgezogen, sondern nur das <a> Tag.

Live-Demo

Vollständige Diskussion auf GitHub ansehen →