Ich habe ein Problem, wenn ich versuche, einige Komponenten, einschließlich einiger Skripte, zu speichern und die Seite neu zu laden, werden die Komponenten nicht richtig gerendert. Es werden leere Boxen angezeigt. Beispiel: Wenn ich versuche, eine Chart-Komponente aus 'jvas28/grapesjs-echarts' zu speichern und die Se...
Shkhalid
Danke @artf! Schließlich konnte ich es herausfinden, wie es war Die Probleme lagen in 'tagVarStart' und 'tagVarEnd'. Nachdem ich es kommentiert habe, fängt es an zu funktionieren
artf
Hey @shkhalid danke für den Bericht, aber in diesem Repository solltest du reproduzierbare Probleme ohne externe Plugins öffnen, da es am Plugin selbst liegen könnte. Zumindest sehe ich, soweit ich das über den Kern beurteilen kann, keine...
GJSBlock
Danke, dass du das gemeldet hast, @shkhalid. Gute Frage zu gespeicherten Komponenten mit Skript können nicht richtig gerendert werden. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüf...
GrapesJs ist der beste Seitenbauer! :Herz: Entschuldigung, ich bin neu bei GrapesJs. Kann ich Unterstützung für Vue-Komponenten hinzufügen?
GJSBlock
Danke, dass du das gemeldet hast, @denisoed. Toller Vorschlag zu ist es möglich, das Rendern von Vue-Komponenten einzurichten?! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähn...
Grapesjs Version v0.16.45, ich versuche, das Countdown-Plugin (https://github.com/artf/grapesjs-component-countdown) zu verwenden, alles läuft gut, wenn ich die gesamte Komponente lösche. Über die Toolbar werden HTML und Komponenten entfernt, aber Style und CSS bleiben in LocalStorage. Was mich wundert, ist, dass die...
GJSBlock
Danke, dass du das gemeldet hast, @momu-2016. Danke, dass du deinen Bericht geteilt hast, dass CSS im Block nicht entfernt werden kann, wenn der Block entfernt wurde. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stel...
Ich benutze [grapesjs library][1] zum Erstellen von Webseiten, ich habe gemäß der Dokumentation [hier][1] einen benutzerdefinierten Block hinzugefügt, wenn ich den Block auf die Canvas ziehe, werden HTML-Daten hinzugefügt, aber das "<head></head>Tag" ist leer, Hier ist mein Code function tempOnePlugin(editor) { Redakt...
GJSBlock
Danke, dass du das gemeldet hast, @throne1986. Tolle Frage zu HTML-Kopf-Tags, die nicht zum Dom hinzugefügt wurden. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJ...
Hallo! Ich nutze grapesJs für die E-Mail-Bearbeitung in einem Projekt meines Unternehmens mit dem Newsletter-Plugin. Alles funktioniert sehr gut, bis auf diesen Bug, den ich nicht lösen kann: Manchmal, wenn ich Blöcke innerhalb der Leinwand ziehe, wird das Zellen-Hover durcheinandergebracht. Das größte Problem ist, da...
artf
Benutzt du die neueste Version?
diegoSenra
Verwendung von minified 0.10.7
artf
Tut mir leid, Kumpel, es ist eine 4 Jahre alte Veröffentlichung, kann dir hier nicht helfen. Hast du versucht zu aktualisieren?
@artf Hier ist mein Code, ich füge einen Test in einem Div bei Select Change hinzu init() { this.listenTo(this, "change:noOfLinks", this.getInfoLinks); }, getInfoLinks() { let canvasDoc = Editor. Canvas.getDocument(); canvasDoc.getElementById ("infoLinks").innerHTML = " testtext "; editor.trigger("change:selectedCompo...
GJSBlock
Danke, dass du das gemeldet hast, @codingmachine16. Gute Frage zu Frage: Dynamische Änderungen verschwinden beim Laden aus der Datenbank. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfe...
Version: Du kannst die Version bekommen, indem du 'grapesjs.version' in die Konsole eingibst 0.17.22 Kannst du den Fehler aus der Demo reproduzieren?[x] Ja[ ] Nein Was ist das erwartete Verhalten? Man sollte die Webkomponente ähnlich sehen können wie außerhalb des grapesJS-Containers Beschreibe den Bug detailliert Gra...
artf
Dieses Problem liegt daran, wie AdoptStylesheet funktioniert und ähnelt diesem von lit-element. Im Grunde kann man dasselbe CSSStyleSheet nicht über mehrere Dokumente hinweg teilen, daher muss man es manuell neu erstellen. Unten ist ein Co...
Vasicvuk
Gibt es eine Lösung für die Verwendung von lit-element components 3.X mit grapesJS?
GJSBlock
Danke, dass du das gemeldet hast, @GaikwadShubham. Das Problem mit AdoptStylesheet, das in grapesJS nicht unterstützt wird, scheint ein Timing-Problem des Rassenzustands oder des State-Managements zu sein. Dies passiert typischerweise, wen...
Ich habe ein einfaches Beispiel wie folgt HTML <div id="gjs"> <div class="traits-container"></div> <div style="Padding: 25px">Hello World!!</div> </div> <h1> Anfügungs-Eigenschaftsmanager </h1> <div class="traits-container"></div> Js const editor = grapesjs.init({ Container: '#gjs', fromElement: true, Größe: '100%', s...
GJSBlock
Danke, dass du das gemeldet hast, @throne1986. Gute Frage zu Anhang zum Nicht-Arbeiten mit Trait Manager. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumen...
Ich habe dieses Dokument https://grapesjs.com/docs/modules/Components.html#define-custom-component-type gelesen und versucht, folgenden Code zu schreiben. Ich möchte, dass 'mj-body' unmöglich zu löschen ist: Aber ich sehe keinen Effekt, bitte helft mir
artf
Mach das 'isComponent: el => (el.tagName || '').toLowerCase() === 'mj-body','
GJSBlock
Danke, dass du das gemeldet hast, @mingxin-yang. Tolle Frage zu Wie man ein Bauteil anpasst. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ih...
Version: 0.17.22 Kannst du den Fehler aus der Demo reproduzieren?[ ] Ja[X] Nein Ich kann es nicht in einer Demo reproduzieren, aber Sie können es selbst sehen, wenn Sie sich mit den folgenden Zugangsdaten bei Documint anmelden:E-Mail: [email protected]: Demo Dann mach eine Änderung an der Vorlage und versuche 'Strg+Z...
Joshmamroud
Du hattest recht, es war nicht React oder GrapesJS. Die Ereignispropagation wurde durch die rc-drawer)-Komponente gestoppt, die ich verwendet habe. @artf danke für deine Hilfe, das ist von Anfang an ein Problem.
artf
Hey, @Joshmamroud wir diesen Code haben, der die 'keydown keyup keypress'-Ereignisse an das übergeordnete Dokument weiterleitet, was Keymaps ermöglicht. Stellen Sie sicher, dass kein Code oder eine Komponente enthalten ist, die die Weiterg...
Joshmamroud
Hey @artf, ich glaube, es könnte von React blockiert werden. Habt ihr Vorschläge, wie man diese Event-Hörer wieder binden kann? Ich bin mir nicht einmal sicher, ob das die richtige Lösung oder der richtige Weg ist.