Problem #3251💬 BeantwortetJan 28, 2021 geöffnetvon RutujaBadbe0-Reaktionen

Wie kann ich die Position des abgeworfenen Elements angeben?

Kurze Antwortvon RutujaBadbe

Nachdem ich den Header-Block in die Leinwand gelegt habe, muss er oben auf jede andere Komponente oder jeden anderen Block gelegt werden. Derzeit mache ich das. Aber es funktioniert nicht. editor.on('canvas:drop',(DataTransfer, model)=> { if (model.is('header')) { Var-Index = 0; editor.getComponents().add(model, {at:...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Ich möchte die Position des ziehenden Elements angeben. Zum Beispiel, wenn ich einen Kopfzeilenblock habe, der, egal wohin man zieht, ganz oben im Dokument stehen sollte. Wie soll ich das machen?

Antworten (4)

RutujaBadbe‱ Jan 29, 2021

Nachdem ich den Header-Block in die Leinwand gelegt habe, muss er oben auf jede andere Komponente oder jeden anderen Block gelegt werden. Derzeit mache ich das. Aber es funktioniert nicht. editor.on('canvas:drop',(DataTransfer, model)=> { if (model.is('header')) { Var-Index = 0; editor.getComponent...

artf‱ Feb 11, 2021

Du kannst die Eigenschaft 'draggable' verwenden, um (ĂŒber CSS-Abfragezeichen) zu definieren, wo die Komponente platziert werden kann, aber du kannst die Position nicht angeben. Du kannst versuchen, eine benutzerdefinierte Komponente als Container fĂŒr Komponenten wie den Header zu erstellen und imme...

RutujaBadbe‱ Feb 12, 2021

@artf danke fĂŒr die Antwort. Ich weiß nicht, ob das der richtige Weg ist, aber ich habe etwas gemacht und es hat fĂŒr mich funktioniert. Ich bin noch ziemlich neu darin und lerne noch von Ärzten. Ich habe das gemacht – editor.on('canvas:drop',( model)=> { if (model.is('header')) { //created custom c...

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @RutujaBadbe. Tolle Frage zu Wie kann ich die Position des abgeworfenen Elements angeben?. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: ÜberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suche nach de...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

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.