3,464 parsed GitHub-Probleme — 370 gelöst · 90 ist geöffnet. Suchen, filtern und erkunden Sie bewährte Antworten.
288-Probleme gefunden
🔍 canvasIch sehe dieses Problem lokal und in der GrapesJS-Demo, wenn ich Internet Explorer benutze. Wenn du einen Block über die Leinwand ziehst und versuchst, das Ziehen entweder zurück in den Startbehälter zu ziehen oder durch Escape-Drücken, wird trotzdem eine neue Komponente zur Leinwand hinzugefügt und die Hervorhebung d...
Hallo Trauben-Community! Ich habe ein benutzerdefiniertes Merkmalsfeld erstellt, das Optionen aus unserer Datenbank für Komponenten abruft <a> ... Wenn <a>(Link) im Canvas angeklickt wird, werden die Komponenteneinstellungen angezeigt und unser Auswahlfeld wird gerendert... Ich suche eine Lösung, um den ausgewählten W...
artf
Hallo @CoCreator-Frank, ich denke, die Trait-Dokumentationsseite hat bereits die Antwort auf deine Fragen (besonders wenn wir erklären, wie man eine benutzerdefinierte Definition definiert). Hier, zum Beispiel wird beim Ändern des Reglers...
Ich versuche, beim Laden ein Kontrollfeld im Trait zu aktivieren, wenn ein Element in der Canvas vorhanden ist, aber leider weiß ich nicht, wie ich prüfen kann, ob das Element vorhanden ist oder nicht. Ich versuche den folgenden Code in der onRender()-Methode const canvasElement = Editor. DomComponents.getWrapper(); l...
Pouyamiralayi
Hallo @Indhumathi2016 du kannst Find-Methode verwenden: Prost!
Indhumathi2016
@pouyamiralayi Es funktioniert einwandfrei, wenn ich es so mache editor.on('load', () => { const Wrapper = editor.getWrapper() const el = wrapper.find('#gist-GDPR')[0] }); Danke
Hallo, Ich benutze Grapesjs in Angular 7. Was ich erreichen möchte, wenn jede Canvas-Drop-Methode genannt wird, füge ich die SVG-Komponente in Canvas hinzu. Ich habe die SVG-Komponente in der Canvas-Drop-Methode hinzugefügt. Aber es lässt sich nicht ziehen. Ich hänge meinen Code und mein Video an, um es besser zu vers...
imranali2045
@artf bitte sehen, dass es für mich sehr wichtig ist, dieses Problem zu lösen. Danke
artf
Leider funktioniert die HTML5-Drag-and-Drop-API nicht auf SVG-Elementen, daher musst du, wenn du sie unterstützen musst, deine SVG-Komponenten (z. B. in ein 'div'-Element) hüllen.
imranali2045
@artf okay, danke
Hallo, ich möchte Grapesjs in meine Angular-Anwendung integrieren. Angenommen, ich habe eine benutzerdefinierte Dropdown-Komponente (mit .ts-, .html- und .scss-Dateien), wie unten gezeigt: CustomDropdown.html---------------------------------- <div class="cust-dropwodn-container"> <span>Irgendein Header</span> <select...
Khan-Uzair
Gibt es Neuigkeiten @artf?
artf
Nein, @Khan Uzair, standardmäßig liest GrapesJS keine frameworkbezogenen Komponenten... bitte lesen Sie mehr über die Komponenten von GrapesJS hier
Hallo Trauben-Community, Wenn eine Komponente innerhalb der Canvas angeklickt wird, gibt es einen Hook oder ein Ereignis, um zu erkennen, wann die Traits im Ansichtscontainer für die ausgewählte Komponente gerendert wurden?
Frankpagan
Perfekt, danke!
Pouyamiralayi
Hallo! Wenn eine Komponente angeklickt wird "component:selected" ist das Event, das du suchst. Mehr dazu hierwissen, wann die Traits im Ansichtscontainer gerendert wurden Basierend auf der Art des vorgeschlagenen Ereignisses erhalten Sie d...
Ich habe eigene Komponenten und Blöcke erstellt, aber wenn sich der Wert der Eigenschaften ändert, wird das gerenderte Element von der Leinwand unsichtbar, bis es neu geladen wird. Also wann immer '''this.components('<app-body props='${value}'>');</app-body> '''Wenn diese Zeile ausgeführt wird, wird der geladene Block...
artf
@mustahsanmustafa Ich glaube, hier ist etwas im Ringen... '''js init() { this.listenTo(this, 'change:attributes', this.handleChange); this.handleChange(); }, handleChange() { const value = JSON.stringify(this.getAttributes()); this.compone...
Pouyamiralayi
Hallo! Spezifischer darauf zu reagieren, welches Attribut sich tatsächlich ändert, würde dir helfen, das Leistungsproblem in deinem Fall zu verringern. Prost!
Ich benutze die neueste Version von grapesjs (0.15.8) und führe es unter Windows 10 x64 unter Electron aus (das ist kein Problem mit Electron) und habe ein Problem, wenn ich versuche, Skripte dynamisch an den Editor-iframe anzuhängen; ich habe einen Link zu CodePen für mehr zu diesem Thema beigefügt. In meinem Projekt...
Pouyamiralayi
Hallo! Schau, ob dieses dir helfen kann: Prost!
TheComputerM
Vielen Dank, die Lösung hat funktioniert, aber warum funktioniert sie mit jQuery nicht?
TheComputerM
Okay, vielen Dank.
Ich habe eine externe Plugin-JavaScript-Version von @fullCalendar in das GrapesJS verwendet. Ich kann den Kalender auf der Canvas rendern, aber ich kann die Exportfunktion GrapesJS nicht nutzen, um JS, CSS und HTML der folgenden Funktionen zu erhalten. Ich habe es versucht 1) var html = editor.getHtml(); 2) var css =...
Pouyamiralayi
. Aber wir können den Nutzern den Kalender nach dem Drag & Drop mit der Renderfunktion in MODEL nicht mehr auf der Canvas anzeigen, deshalb haben wir OnRender in der VIEW verwendet. Hast du die Komponententyp-Definition ausprobiert, die ic...
Amitkumar85533
Vielen Dank, @pouyamiralayi. Der Code, den du gegeben hast, funktionierte. Unser Code konnte das Dom-Element nicht auswählen, um den Kalender darzustellen. Jetzt funktioniert es wie erwartet. Vielen Dank, dass ihr uns geholfen habt!!! :-p
Pouyamiralayi
Hallo! Was du suchst, ist JS in Components verwenden. Fügen Sie einfach die erforderlichen JS und CSS im Abschnitt Canvas Scripts and Styles hinzu: Danach baue deine eigene benutzerdefinierte Komponenten: Dann sehen Sie in der Code-Vorscha...
Ich habe eine benutzerdefinierte Komponente, die die Ergebnisse einer entfernten Abfrage innerhalb einer Komponente rendert, also habe ich in meinem Blockmanager ein Texttrait hinzugefügt, damit der Benutzer den Abfrageauswähler für die Zielkomponente auswählen kann. Es wäre schön, wenn es ein Merkmal namens "componen...
artf
Danke @JCKodel für den Vorschlag, ich mag es, aber ich denke auch, dass es etwas überfordert sein könnte, weil es in die Kernbibliothek gelegt wurde. Wahrscheinlich wäre es in diesem Fall am besten, ein benutzerdefiniertes Merkmal zu defin...