GrapesJS-Probleme

kerryj89

Ich habe dasselbe Problem und der erwähnte Link, der @artf erwähnt hat, ist, dass er zwar im aktiven Zustand startet, aber nicht mehr funktioniert, wenn man auf ein anderes Gerät klickt. Nachtrag: @zgeist Hier habe ich es behoben https://g...

artf

Ich denke, das Problem liegt einfach an der Webseiten-Voreinstellung (hatte keine Zeit zum Aktualisieren), aber es handelt sich um dieselbe Eigenschaft, die beim Start beschrieben wurde: https://grapesjs.com/docs/getting-started.html#style...

Pouyamiralayi

Das ist doch nur für das Drag-Icon, oder? Das manuelle Ziehen ist in Ordnung. Mit dem Drag-Icon setzt es die Position des Elements von oben zurück, wie es scheint.

niisar

das gilt doch nur für das Drag-Icon, oder? Das manuelle Ziehen ist in Ordnung.mit dem Drag-Icon setzt es die Position des Elements von oben zurück, wie es scheint. Ja, das gilt nur für das Drag-Icon.

artf

Ja, das Problem hier ist das unterschiedliche Event-Objekt je nach Kontext. Wenn du den Drag auf die Komponente selbst auslöst, befindet sich das Ereignis im Kontext des iFrames (weil das angeklickte Element im iframe ist), aber die Button...

artf

Danke@WebEtSolutions es wird in der nächsten Version behoben

inaLar

Hallo! Das sind sehr nützliche Informationen – wie man auf diese Weise auf das Modell zugreifen kann und nicht auf den DOM. Ich werde es erkunden. Ich verstehe immer noch nicht, warum die gjs-comp-ausgewählte Klasse genau dann im innerHTML...

inaLar

@pouyamiralayi, ja, ich habe genau dasselbe gemacht und es funktioniert, aber ich habe es auch geschafft, tagName (div, p, ... ) im isComponent einer erweiterten Textkomponente zu verwenden, und das funktioniert auch bei mir. Ich schließe...

Pouyamiralayi

Definierst du deinen benutzerdefinierten Typ innerhalb eines Plugins?

artf

Mmm, wahrscheinlich habe ich es nicht richtig beschrieben, besonders mit Folgendem: '''js Standardmäßig unterstützt GrapesJS bereits React Element Der Zweck dieser Funktion ist also einfach, Objekte, die aus JSX generiert werden, zu verste...

devgru

Erwägen Sie, das Flag 'avoidDefaults' zu verwenden, das reduziert den Konfigurationsaufwand, indem diese Standardwerte entfernt werden: https://github.com/artf/grapesjs/blob/c1fb490a73adefb0fa073f37bef4e6178d9321a8/src/editor/config/config...

artf

Erwägen Sie, avoidDefaults-Flag zu verwenden, das reduziert den Konfigurationsaufwand, indem diese Standardwerte entfernt werden Richtig

artf

Du kannst nicht einfach '$('.img[src=""]')' machen. GrapesJS-Komponenten befinden sich nicht im gleichen Kontext, sondern werden in einem iframe platziert, sodass du das 'Dokument' aus diesem iframe verwenden musst, z. B. '''js Redakteur....

Pouyamiralayi

Ist dein Selektor korrekt? Soweit ich weiß, setzen Trauben 'background-image:url()' statt src.

Geist

Füge einfach den Stil 'overflow: auto' zu .gjs-cv-canvas__frames

artf

Nachdem ich das Problem noch etwas genauer erforscht habe, würde ich vorschlagen, die Leinwand-Höhe beim Gerät nicht zu überschreiten. Leider führt es derzeit zu unerwarteten Verhaltensweisen, wenn man einen Teil der Leinwand scrollfähig m...

contentfree

@artf Stimmt dein Kommentar noch? Verursacht das Hinzufügen von 'Overflow: Auto' (besonders in einem "Designer-Modus"/"Absolute-Modus"-Canvas) trotzdem Probleme?

smik3

Oh, das weiß ich! Worauf ich mich bezog, ist, dass wenn man versucht, die Index-/Block-/Komponentendateien aus dist zu verwenden (also unminified und leichter zu verarbeiten), sie außerhalb einer Node-/Webpack-Umgebung nicht funktionieren....

inaLar

@smik3 , das ist keine gute Praxis, da man GrapesJS in Zukunft nicht einfach aktualisieren kann. Du solltest den benutzerdefinierten Code in JS-Funktionen trennen, und welche du als Plugin brauchst, kannst du laden. Oder nutze Node nur für...

Chaitwo

Hey, @GoodPHP ich brauche Hilfe bei einer Herausforderung, der ich mich gerade stellen musste Ich möchte Bilder mit leerem SRC im Vorschaumodus ausblenden und sie im Editor-Modus anzeigen, also stoppen: Vorschau. Ich habe das ausprobiert,...