Bei Verwendung von Ionic StencilJS werden die Komponenten mit der neuen Modulunterstützung importiert: Auf '{canvas: scripts: []}' kann ich externe Skripte nur über deren URL laden. Um einen solchen Fall abzudecken, könnten wir Module wie folgt importieren: Das Endergebnis im Inneren der Leinwand wäre: Beachten Sie, d...
artf
Schön, ich mag es, für alle, die eine PR erstellen möchten, finden Sie hier den Code: https://github.com/artf/grapesjs/blob/aee18dcf0602e5d56e7670deb8d4ffbf31c73008/src/canvas/view/CanvasView.js#L140-L161
devtechk
Hallo, kann ich mit deinem Code beginnen, um grapesjs nicht in der HTML-Datei, sondern in einer separaten JS-Datei zu initen? Danke
rywilson28
@artf sieht es so aus, als wäre diese Funktion implementiert worden. Es gibt ein kleines Problem, bei dem der Typ standardmäßig auf 'Text/JavaScript' steht. Für HTML5 sollte es weggelassen werden, sollte aber keine Probleme verursachen, fa...
Hallo! Ich habe die GrapesJS-Dokumentation und die API-Referenz zum Erstellen einer benutzerdefinierten Komponente immer wieder gelesen, aber ich kann es einfach nicht herausfinden. Anfangs versuchte ich, die bestehende Videokomponente zu erweitern, entschied mich dann aber, meine eigene eigene Videokomponente zu erst...
brentonkelly1982
Ich habe das endlich selbst herausgefunden und möchte das Ergebnis für alle teilen, die damit genauso zu kämpfen haben wie ich. Dieser geschnittene Code erstellt eine individuelle, reaktionsschnelle Videokomponente, die YouTube, Vimeo, MyV...
Erwartetes Verhalten: Nachdem ein Element aus der Canvas gelöscht wurde, das benutzerdefinierte Styles mit dem Style-Manager erhalten hat, sollten die Styles des gelöschten Elements nicht mehr im 'styles'-JSON gespeichert werden. Tatsächliches Verhalten: Das 'Styles'-JSON behält Einträge für gelöschte Elemente beim Sp...
artf
Versuche, die Option 'clearStyles' zu verwenden '''js const editor = grapesjs.init({ // ... clearStyles: wahr, }); ```
Hallo, Ich habe eine benutzerdefinierte Komponente, deren Inhalt durch das Wechseln der Merkmaleauswahloptionen geändert werden kann, die aber auch ähnlich wie der Textkomponententyp bearbeitet werden kann, wenn er bereits innerhalb der Canvas gerendert ist. Gibt es eine einfache Möglichkeit, das eigenschaftsbezogene...
inaLar
@artf, was "Auswählen" betrifft, konnte ich die Änderung im Inhalt nicht verknüpfen und sie bei der Änderung der Eigenschaft in einem Flow zum Laufen bringen und sie auch manuell durch Text/Inhalt ändern. Die manuelle Änderung synchronisie...
zgover
Man könnte einen Ereignislistener an das Inhaltsprop der Komponente anhängen und dann im Callback das Trait abrufen oder den Wert des Traits ändern, siehe Beispiel unten aus Docs '''javascript Aktualisieren wir die 'Optionen' unseres 'Typ'...
inaLar
Danke, Zachary1748, aber ich kann das in meinem Fall nicht verwenden. Vielleicht habe ich es nicht richtig erklärt. Ich habe ein maßgefertigtes Bauteil. Der Inhalt der Komponenten kann auf drei Arten verändert werden:Beim Ziehen und Absetz...
Hallo, Grapesjs ist eine fantastische Software und ich spiele jetzt seit etwa einer Woche damit. Ich habe ein bisschen Schwierigkeiten mit der URLLoad. Ich benutze einen Endpunkt, der JSON zurückgibt, wie du hier sehen kannst: ! Screenshot am 14.08.2019 um 08:14:15 Wie ich die Dokumentation gelesen habe: Soll das das...
artf
Das Ergebnis deines Endpunkts ist völlig falsch. Lesen Sie diesen Teil bitte sorgfältig: https://grapesjs.com/docs/modules/Storage.html#setup-the-server Du solltest so etwas wie das zurückgeben: '''js { 'gjs-' ist das id-Präfix 'gjs-compon...
Hallo. Ich habe eine vordefinierte JSON einer Vorlage, die eine Menge HTML-Elemente und -Stile enthält, die beim Laden von Grapesj in die Menge der Komponenten geparst werden. Das CSS enthält einige der Standard-Medienabfragen, die ich für die Vorlage beibehalten möchte. Die Befehle editor.getHTML() und editor.getCSS(...
artf
Bitte stellen Sie eine reproduzierbare Demo bereit
Keine Antwort[Bot]
Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...
Abozhinov
Ich habe dasselbe Problem. Das ist mein Problem -> https://github.com/artf/grapesjs/issues/2843
Hallo zusammen! Kürzlich ist mir dieses Problem aufgefallen. Ich denke, es wäre vorteilhaft, diese Funktion zu haben. Im Gegensatz zu dem von @artf vorgeschlagenen Ansatz, der Canvas-Skripte als globale Injektionsmöglichkeit nutzt, halte ich dies für nicht funktional für den Hauptzweck, für den diese Funktion gedacht...
artf
Entschuldigung, @pouyamiralayi aber ich glaube, du hast die vollständige Bedeutung der Eigenschaft 'Skript' in Component nicht verstanden (offensichtlich bist du nicht der Einzige](https://github.com/artf/grapesjs/issues/358#issuecomment-3...
Pouyamiralayi
Danke für deine freundliche Antwort@artf . Nachdem ich mit der Idee gerungen habe, komme ich an den Punkt, an dem das, was du sagst, völlig vernünftig ist. Das war sehr naiv von mir, das Thema nochmal anzusprechen, entschuldige das bitte....
collindutter
@pouyamiralayi könntest du etwas mehr Informationen darüber geben, wie du einen globalen Eventbus erstellt hast, um Nachrichten zwischen globalen und lokalen Skripten zu senden? Der Editor bettet die Grapesjs-Inhalte in ein iframe ein, sod...
Ich versuche sicherzustellen, dass jede Komponente in die Leinwand gezogen wird, um mit einer Spaltenkomponente umwickelt zu werden. Um das zu erreichen, nutze ich Canvas Event. Zuerst habe ich das Fensterereignis deaktiviert, um zu verhindern, dass das Standard-HTML-5-Drag-and-Drop-Ereignis ausgelöst wird. 'Canvas:Dr...
Afdallah
@pouyamiralayi habe ich es geschafft, das Problem zu lösen, indem ich die Komponente als Objekt gemacht habe. So. '''javascript result.content = { TagName: 'div', abnehmbar: wahr, // Kann es nicht entfernen draggable: true, // Kann es nich...
Pouyamiralayi
Hallo zusammen! Das Event, das Sie suchen, ist dieses editor.on('block:drag:stop', Funktion (element) { element.replaceWith({ TagName:'div', style:{'border': '1px solid red'}, Komponenten: [Element] }) }) Beachte, dass ich hier einen rot u...
Meine Kunden benötigen außerdem die Möglichkeit, die GrapesJS-Plattform auf ihren Mobilgeräten zu nutzen, daher nutze ich derzeit das GrapesJS-Touch-Plugin. Das Problem liegt jedoch nicht beim Plugin, sondern an einer fehlenden Methode im GrapesJS-Code. Das Problem und die Lösung werden von Mikereem unter folgendem Li...
artf
Ich würde gerne eine PR zusammenführen
Saltyfoam
Wir nutzen GrapesJS und würden uns über mehr Unterstützung auf dem Handy freuen, daher hoffe ich, dass das durchgeht!
Hallo, ich bin mir nicht sicher, ob dies der richtige Ort ist, um zu fragen. Ich versuche, den Inhalt eines Textbereichs in dieses Framework zu laden. Aber viele der Links haben Platzhalter im Standard-HTML, wie <a href="{{placeholder for default url }}" – gibt es eine Möglichkeit, diesen Link innerhalb der Canvas dar...
zgover
Deine Frage ist nicht ganz klar, was du erreichen willst, aber schau dir Erstellen von Komponenten an.
Pouyamiralayi
Hallo! Für das Select Model kannst du Editor verwenden. Modal und inhaltlich füge deine gewünschte Logik zur Auswahl und Konfiguration deiner Widgets ein. Dann kannst du das Ergebnis-Widget mit yourComponent.components(yourWidget) injizier...
Danrcoull
Entschuldigung. Lass mich das erklären. Nehmen wir ein CMS-Widget wie {{widget name="test" type="\Php\Class"} Konkret ist es, einen Block zu ziehen, der ein Widget öffnet, ein Modell auszuwählen, um ein Widget auszuwählen, die Optionen zu...