Ich versuche, mehrere Komponenten, die sich in meiner Canvas befinden, in den Blockmanager einzubauen, aber ich glaube, wegen eines ID-Problems sind sie nicht richtig sichtbar. Worauf genau bezieht sich das Id? Hier ist mein Code:
WebEtSolutions
Hallo, Ihre LinkedIn-Anmelde-ID ist dieselbe wie Ihre GooglePlus-Anmeldung. Der Schlüssel Block muss eindeutig sein. Tschüss
arthuralmeidap
Die ID wird intern verwendet, um jeden Block einzeln zu verfolgen. Wie @WebEtSolutions gesagt hat, solltest du jedem neuen Block eindeutige Kennungen hinzufügen
Wie kann ich im Blockmanager dynamische Komponenten erstellen, sodass eine Löschaktion an einer Komponente ausgelöst wird, dass die Komponente im Blockmanager platziert wird?
arthuralmeidap
Nun, Komponente und Blöcke sind unterschiedliche Konzepte. Wenn du von Blöcken sprichst, kannst du das '.trigger('remove')' auf dem Block verwenden, wodurch es aus dem BlockManager entfernt wird
artf
@sakshigarg9 Lesen Sie die Dokumentation https://grapesjs.com/docsVersuchen Sie zu verstehen, was Sie lesenVersuche, deine Probleme selbst zu lösenWenn du es nicht kannst, kannst du ein Problem eröffnen, indem du der Vorlage folgst, und UN...
sakshigarg9
@artf danke für eure Geduld, ich werde ab jetzt dasselbe tun
So wie ein Bild einen Asset-Manager hat, der vordefinierte Alternativen für die Bildkomponente bereitstellen kann, ist es möglich, etwas Ähnliches für Buttons und Text zu implementieren? Zum Beispiel alternative Symbole für die Button-Komponente oder alternative vordefinierte Texte für die Textkomponente. Zum Beispiel...
artf
@sakshigarg9 mit benutzerdefinierten Komponenten kannst du machen, was du willst. Schau dir wahrscheinlich einfach an, wie die Bildkomponente erstellt wird (ihr Modell und Ansicht)
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo, In meinem JavaScript erstelle ich bereits 2 Komponenten (Typ "A" und Typ "B") mit eigenen Eigenschaften. Ich erstelle auf beiden Elementen ein Kontextmenü, um (im Editor) das ausgewählte Element von Typ "A" auf Typ "B" zu wechseln und die Eigenschaften entsprechend zu ändern. Ich habe keinen Weg gefunden, den T...
arthuralmeidap
Schauen Sie sich hier an: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components Es zeigt, wie man benutzerdefinierte Eigenschaften für bestehende Typen hinzufügen oder entfernen kann. Es könnte dir helfen.
MisterFK
Danke, aber ich möchte den Typ nicht ändern, sondern nur den Typ eines ausgewählten Elements... Wenn ich die Eigenschaften der Komponente ändere, werden alle anderen Elemente mit diesem Typ verändert, und das ist nicht der Zweck.
artf
ich habe keinen Weg gefunden, den Typ eines bereits im Editor eingefügten Elements zu ändern. Die Lösung ist dieselbe, falls Sie ein '<div>' durch ein '' ersetzen möchten<img>... Also entfernst du es und ersetzt es durch eine andere Kompon...
Hallo! In deinem ClassTagView prüfst du das geschützte Attribut nicht vor dem Entfernen des Tags.
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich habe ein Problem in getHTML. Ich füge ein Symbol in den Button ein, im Web ist das Symbol sichtbar, und im Inspect-Element gibt es ein Icon-Objekt, aber in getHtml verwendet es die editor.getHtml()-Funktion, das Icon verschwindet. Objektsymbol ! 6a9nc Ergebnis 'editor.getHtml()' : ! Duzid
artf
'getHtml' basiert auf den Daten des Komponentenmodells, du änderst wahrscheinlich nur die Ansichtsdaten (z. B. 'this.$el.append('<i class="fa ...')'). Lies diesen Teil sorgfältig https://grapesjs.com/docs/modules/Components.html
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo, ich versuche, ein Plugin zu bauen, das den Asset-Manager als SVG-Repository einrichtet. Wenn der Benutzer eine SVG auswählt, öffnet sich der Asset Manager. Als Nächstes kann der Benutzer die aktuelle SVG durch die ausgewählte ersetzen. Der Großteil des Codes, den ich benutze, findet sich auf: https://grapesjs.c...
noogen
Zeile 28, du filterst sie zweimal, weil du es schon auf Zeile 23 machst? am.render(am.getAll().filter(assets)); Funktioniert, wenn ich es so mache: am.render(assets);
NicoEngler
Super, danke für den Hinweis! @noogen
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo, Ich versuche, die Maus zu positionieren, wenn ich einen Block per Drag & Drop benutze. Ist es möglich, bei diesem oder einem anderen Ereignis die X- und Y-Position zu haben? 'editor.on('block:drag:stop', model => [...]); ` Danke
NicoEngler
Hallo, ein Versuch, das zu lösen, könnte sein:Finde das iframe der LeinwandDie Mausposition im iframe finden Dazu könnten Sie Funktionen kombinieren, die auf StackOverflow gemeinsam genutzt werden. Der erste Schritt könnte mit der hier zu...
MisterFK
Danke, Artf, Ich versuche bereits, die onmouseup- oder onmousemove-Ereignisse auf dem iframe zu fangen (und es funktioniert), aber wenn ich einen Block per Drag & Drop benutze, werden die Ereignisse nicht ausgelöst (vielleicht weil die Mau...
NicoEngler
Nun, zunächst einmal bin ich nicht artf :) Zweitens: Richte eine Demo ein, an der wir arbeiten können, um dein Problem zu lösen.
Falls Änderungen am Zustand/Reducer passiert sind, dann rendert die Grapes JS-Komponente nicht erneut, bitte Hilfe
arthuralmeidap
Ja, GrapesJS funktioniert nicht so. In diesem Fall musst du die Referenz abrufen und die von GrapesJS bereitgestellte API nutzen, um die Änderungen zu handhaben. Schauen Sie sich hier an: https://reactjs.org/docs/refs-and-the-dom.html
ramusesan
Ja, es funktioniert... Großartig beim Verwenden von Ref to DOM und übernimmt die Änderungen auch mit den APIs von Grapes JS Danke @arthuralmeidap
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich möchte mehrere Bildgrößenänderungen aktivieren, genau wie unter "Das Team" in demo.html, aber ich weiß nicht, welchen GJS-Klassentyp ich verwenden soll.
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.