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

Problem #955💬 Beantwortet15. MĂ€rz 2018 geöffnetvon alexroosenstein1-Reaktionen

Finden Sie eine Komponente, die mit dem HTML-Element im iframe/visuellen Editor verknĂŒpft ist.

Kurze Antwortvon artf❀ 1

Du kannst den Wrapper abfragen, um Komponentenmodelle zu erhalten, z. B. '''js const component = Editor. DomComponents.getWrapper().find('#somid')[0]; component.components('<div>FĂŒgen Sie etwas Inhalt hinein'</div>); ``` Übrigens ist nicht klar, warum der Inhalt nicht aktualisiert wird, wĂ€hrend du sagst: 'Ich kann den...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo! Ich arbeite an einer Implementierung von GrapesJS, bei der ich einen Text von außerhalb von GrapesJS per Drag & Drop in ein bestehendes Textelement oder -komponent ĂŒbertragen kann. Ich nutze dafĂŒr nicht die Drag&Drop-Funktion von GrapesJS, sondern das native (Browser-)Drag&Drop. Ich habe dafĂŒr etwas Code, ein funktionierendes Drag & Drop, und ich kann den Text im visuellen Editor (im iframe) Ă€ndern. Aber das Ă€ndert nichts am eigentlichen Inhalt des Dokuments, da sie im Hintergrund verarbeitet oder gespeichert werden (in Komponenten, richtig?). Jetzt suche ich nach einer Möglichkeit, di...

Antworten (3)

artf‱ 17. MĂ€rz 2018

Du kannst den Wrapper abfragen, um Komponentenmodelle zu erhalten, z. B. '''js const component = Editor. DomComponents.getWrapper().find('#somid')[0]; component.components('<div>FĂŒgen Sie etwas Inhalt hinein'</div>); ``` Übrigens ist nicht klar, warum der Inhalt nicht aktualisiert wird, wĂ€hrend du...

alexroosenstein‱ 17. MĂ€rz 2018

Danke! Ich versuche es morgen mal.

Übrigens aktualisiere ich den Text ĂŒber JQuery mit der text()-Funktion, aber wenn ich das Element an eine andere Position verschiebe, erscheint der Originaltext wieder.

japo32‱ 3. September 2019

Ich hatte das gleiche Problem, dass ich die Komponente per Drag & Drop verschiebe. Meine Lösung war, eine Textkomponente in meiner benutzerdefinierten Komponente hinzuzufĂŒgen. :)

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.