How can I specify position of dropped element ?
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)
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...
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...
@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...
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.
Problem #3619
How to add video upload and save to backend?
Hallo Artf, Ich habe Bilder mit mehreren Bildern hochgeladen und speichere sie in der entfernten Datenbank. Genauso wie man ein einzelnes V...
Problem #3303
Category order not displaying properly
Hallo! Ich möchte die Kategorien im Blockmanager in einer bestimmten Reihenfolge anzeigen. Ich habe mir die Dokumentation und frĂŒhere Probl...
Problem #3135
How to easily override existing component ?
Zum Beispiel möchte ich einen Doppelklick-Ereignishandler auf der Standard-Videokomponente hinzufĂŒgen, um den Assets-Manager zu öffnen. Mei...
Problem #3141
Loading dynamic content
Ich entschuldige mich wirklich, falls das schon einmal behandelt wurde. Ich habe die Probleme recherchiert und auch die Dokumentation zieml...
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 âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.