Hallo zusammen. Ich versuche, die native Link-Komponente zu modifizieren, bisher habe ich ein Modal, das sich im dblclick-Event öffnet und der Benutzer zwischen einigen vordefinierten Links wählen kann. Das Problem ist, wenn ich den gewählten Link habe, kann ich ihn nicht auf die Komponente setzen. Es funktioniert ein...
artf
@gabrielbitencourt Link-Komponente hat keine href-Eigenschaft, also füge sie direkt zu den Attributen hinzu '''js if (Link) { this.model.addAttributes({ href: link.url }); } ```
gabrielbitencourt
Danke für die Antwort@artf Ich habe das ausprobiert, aber es hat auch nicht funktioniert, ich konnte (im Trait Manager) sehen, dass das href mit 'model.addAttributes({ href: link.url })' gesetzt wurde, aber es blieb nicht bestehen, als ich...
artf
, aber es blieb nicht bestehen, als ich die Komponente deaktiviert und erneut ausgewählt habe. Vielleicht, weil du immer noch von 'this.model.get('href')' liest... Übrigens kann ich dir ohne eine reproduzierbare Demo nicht mehr helfen.
Hallo, ich arbeite an einem Projekt mit dieser Bibliothek und möchte die Position für das Ziehen von Komponenten darin angeben Zum Beispiel habe ich eine Div mit ID="Drag-Here". Ich möchte, dass alle Komponenten nur in dieser Div gezogen werden Ich hoffe, ihr könnt mich verstehen, danke euch allen
Pouyamiralayi
ich keine Komponenten habe, benutze ich Blöcke laut diesem: ich habe eine Div mit id="drag-here" Ich nehme an, dein Block sieht ungefähr so aus: Der Ansatz für Ihren Containerblock wäre: und für Zielblöcke: Prost!
Pouyamiralayi
ich eine Div mit ID="Drag-Here" habe, möchte ich, dass alle Komponenten nur in dieser Div gezogen werden Wenn du damit meinst, dass alle Komponenten nur in deiner Zielkomponente gezogen werden sollen, kannst du die Eigenschaft "draggable"...
AbdallaMohammed
, indem du Draggable an deinen Komponenten so angibst: Danke für das schnelle Wiederholen, aber ich habe keine Komponenten, ich benutze Blöcke
Hey, @artf danke, dass du diese großartige Bibliothek erstellt hast. Es ist wirklich hilfreich. Ich benutze es im Angular und habe schon Order List mit Zahlen verwendet, aber es wäre wirklich hilfreich, wenn es eine Möglichkeit gäbe, eine alphabetisch geordnete Liste oder in römischen Zahlen hinzuzufügen Ich habe das...
artf
Hallo @shubh9415 das Standard-RTE-System basiert auf 'execCommand API', daher sind die einzigen verfügbaren Optionen 'insertOrderedList' und 'insertUnorderedList'.
'''let selectedComponent = editor.getSelected(); let href = this.getHref(); let title = this.title; let childHtml ='<a id="${selectedComponent.ccid}" title="${title}" href="${href}" target="_blank" class="gjs-comp-selected">${selectedComponent.view.el['outerHTML']}'</a>; const coll = selectedComponent.collection; cons...
artf
Du plattest die Komponente, indem du 'selectedComponent.view.el['outerHTML']' machst und somit alle Eigenschaften entfernst. Lesen Sie mehr darüber, wie Komponenten funktionieren.
Hallo zusammen, Ich habe ein Kalender-Plugin mit @fullcalendar in GrapesJS erstellt Jetzt möchte ich eine GraphQL-API aufrufen, um die Ereignisse im Kalender abzurufen. Wie macht man das in GrapesJS? Vielen Dank im Voraus!!!!
Pouyamiralayi
Wie macht man das in GrapesJS? Sie können Ihre API-Aufrufe innerhalb von script durchführen. Egal, welche js library du für die Anrufe benutzt, es wäre in Ordnung. Prost!
Ich benutze das Scripts von Grapejs Demo-Website, damit ich lernen und bauen kann. Gibt es eine Möglichkeit, alle Blöcke zu entfernen und eigene Blöcke hinzuzufügen?
Pouyamiralayi
Hallo! für Blockade entfernen: Für eigene Blöcke hinzufügen siehe das. Prost!
Ich möchte ändern, wie die toHTML-Ausgabe ausgegeben. Ich möchte die bestehende HTML-Ausgabe modifizieren. Ich habe die "toHTML"-Eigenschaft von component ausprobiertes erlaubt die Rückgabe eines neuen HTML-Elementsaber es erlaubt nicht, bestehendes HTML abzurufen, es dann zu aktualisieren und zurückzugeben Ich habe v...
megarg
Ich habe das gelöst, indem ich unten gearbeitet habe toHTML: function () { Lass el = '<script> console.log("Skript hier hinzufügen") </script>'; el = defaultType.model.prototype.toHTML.apply(this) + el; Return El; }, Vielen Dank für eure U...
Scott-Coates
Um 'defaultType' zu erhalten, führe Folgendes aus: 'var defaultType = editor. DomComponents.getType('default');' Und das funktioniert auch: '''javascript var prototype = Object.getPrototypeOf(this); var el = prototype.proto.toHTML.call(thi...
Pouyamiralayi
Hallo! Hast du versucht, ''component.view.el'' in deinem ''toHTML'' zu verwenden? es gibt dir Zugang zum aktuellen 'DOM'. Prost!
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 die Änderungen gesehen, die @JuanTincho der "Order"-Ausstattung hinzugefügt haben, aber ich konnte sie nur bei neu erstellten Kategorien hinzufügen. Ich habe mit der "GrapesJs-Preset-Webpage" angefangen. Gibt es eine Möglichkeit, die Reihenfolge nach dem ersten Rendering zu ändern? So füge ich eine neue Kateg...
CatalinCernea
>, aber ich konnte es nur bei neu erstellten Kategorien hinzufügen.kannst du das auf allen Blöcken erreichen, indem du die Funktion 'getAll' nutzt. Mehr dazu hier:in deinem Fall könnte es so lauten: Prost! Danke! Ich werde es so schnell wi...
Pouyamiralayi
aber ich konnte es nur bei neu erstellten Kategorien hinzufügen. Das kannst du auf allen Blöcken machen, indem du die Funktion 'getAll' nutzt. Mehr dazu hier: In deinem Fall könnte es so sein: Prost!
DzevadS
Warum bekomme ich hier den Fehler "Uncaught TypeError: n is undefined"? Im Beitrag #780 sollte es möglich sein, die Reihenfolge der Blöcke wie folgt zu ändern. const BM = Editor. BlockManager; ["Link", "Karte", "H-Navbar", "Countdown", "Fo...