Hallo. Ich möchte das Attribut "draggable" von Komponenten verbessern, um bestimmte Komponenten auszuschließen, wenn Wildcard-"*" für draggable components gesetzt ist. Zum Beispiel in meinem Fall: Ich brauche, dass die "Video"- und "Bild"-Komponente auf jeder Komponente gezogen werden kann, außer auf der "mycustomcomp...
artf
Du meinst etwas wie 'ziehbar: "*:nicht(dein-komponent)"'?
gabrigcl
Ja, ich mochte deine Denkweise!
artf
Innerhalb der Eigenschaften 'draggable' und 'droppable' kann man jede CSS-ähnliche Abfrage-String weitergeben, sodass es bereits möglich ist
Hallo, danke für dein Plugin. Wie kann ich die weggefallenen Steuerungen, Zeilen und Spalteninformationen wie JSON-Daten erhalten, während ich auf die Speichern-Schaltfläche klicke? Hiermit habe ich meinen Code beigefügt. Bitte das Nötige tun? '''js Montage () { this.editor = grapesjs.init({ Container: '#gjs', Plugins...
artf
https://github.com/artf/grapesjs/wiki/API-Editor
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.
@artf @arthuralmeidap @nojacko Ich habe eine benutzerdefinierte Komponente wie diese und i, der Code sieht aus wie https://jsfiddle.net/nganand/n97g7g43/. ! bbbWie hört man ein Ereignis an, wenn sich die Eigenschaft einer benutzerdefinierten Komponente geändert hat (z. B. beim Styling von Padding/Margin)? wie init() {...
artf
Für die Eigenschaften der Komponenten verwenden Sie 'this.listenTo(this.model, "change:prop-name" ...'Indem man '... attributes.align = "left"' Component sieht deine Änderungen nicht, benutze stattdessen 'this.model.components().at(0).addA...
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.
@artf Entschuldigung, dass ich es nochmal poste, es wird die Fortsetzung von #952 sein Ich habe den Ansatz gerade mit der MJML-Community besprochen und unser Gespräch verlief so https://github.com/mjmlio/mjml/issues/1063#issuecomment-374526777 Bitte schauen Sie sich das an. Um hohe Ladezeiten und andere MJML-Einschrän...
Anand-Gopinath
@artf Kannst du das bitte überprüfen
artf
Du solltest auf jeden Fall Custom Components verwenden, was genau genauso ist wie ich in grapesjs-mjml, aber in deinem Fall würdest du es statt MJML-Renderer auf deiner eigenen Logik machen.
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 empfehle, nach dem Befehl 'mocha' in 'package.json's 'test' '-baiil' hinzuzufügen, um das Ganze leichter sichtbar zu machen, z.B.: Im neuesten 'Dev'-Branch lässt sich das einfach reproduzieren, indem man einfach mehrfach 'npm test' ausführt: Früher oder später werden Sie: Das scheint zu verschwinden, wenn man dies...
Tommedema
Ich habe das schon länger nicht mehr gesehen. Werde vorerst schließen.
artf
Sollten wir warten, bis alle Module geladen sind, bevor wir die Event-Listener anschließen? Mmmm, dieses Stück Code läuft synchron, also glaube ich nicht, dass es helfen wird Übrigens hatte ich dieses Problem in meiner Umgebung 🤔 nie
Tommedema
@artf ist es hier leicht reproduzierbar. Versuche, es wie oben vorgeschlagen wiederholt auszuführen. Hier ist der Beweis: ! untitled-3 Meine Umgebung: OSX High Sierra 10.13.3 Node.js v9.2.1 Neueste Vergewaltigungen, Dev Branch begeht #e659...
Hey, Ich habe versucht, das selbst herauszufinden, aber ich habe das Gefühl, dass ich ein bisschen im Kreis drehe. Deshalb hoffe ich, dass du etwas Zeit hast, das zu lesen und mir bei dem Problem zu helfen. Ich bekomme eine HTML-Vorlage mit mehreren benutzerdefinierten Komponenten-Tags => '<custom-component-tag></cust...
FrciSmrci
@artf Nochmals vielen Dank, ich werde das mit diesem Gedanken debuggen. :)
artf
Hallo, ich würde sagen, das ist dasselbe wie #260, also blockiert dein 'const value = document.createElement('div');' das rein ein DOM-Element ohne gebundenes 'Model' den Editor daran, seinen 'custom-component'-Parent auszuwählen. Lösung:...
artf
Das Highlight wird über die Klasse 'gjs-comp-selected' angewendet, die die Eigenschaft 'outline' verwendet, also überprüfe per Inspector, was los ist, wahrscheinlich hast du eine Art Reset-Eigenschaft darauf (z. B. 'outline: none;').
Wenn HTML-Attribute wahr oder falsch sind, sollten sie entweder existieren oder nicht existieren. Zum Beispiel 'erforderlich'. Das hat in HTML5 keinen Wert. Gültig (nicht erforderlich):'''<Eingabetyp="text">'''Gültig (erforderlich): '''<Eingabetyp="Text" erforderlich>'''Ungültig (nicht erforderlich):'''<Eingabetyp="Te...
NoJacko
@artf Danke für die schnelle Lösung, aber es scheint nicht zu funktionieren. Sowohl das Überprüfen der Grapes-Quelle als auch das Aufrufen von 'getHtml()' geben 'required="true"' und 'required="false"' zurück. Ich vermute, weil das Attribu...
artf
Wahrscheinlich dasselbe wie https://github.com/artf/grapesjs/issues/912#issuecomment-373208517
mikereem
Ich denke, Commit 9a71368 reicht nicht aus. Es schreibt boolesche Attribute ohne deren Werte problemlos in die HTML-Ausgabe. Wenn die Ausgabe jedoch erneut vom Editor gelesen wird, werden die boolesche Attribute nicht initialisiert. Wenn d...
Hallo zusammen, Ist es möglich, den Fokus in einem Abschnitt mit Grapes zu setzen, zum Beispiel als Anker? Ich habe eine Panel-Taste, die nur den gewünschten Abschnitt auswählt, aber nicht auf das Element fokussiert. Hier ist der Code: panel.addButton('options', [{ id: 'Link', KlasseName: 'fa fa-th-list', Befehl: func...
artf
Wenn du mit 'fokussieren' meinst, die Ansicht zum Bauteil zu scrollen, gibt es leider keine solche Methode, aber du kannst sie tatsächlich umsetzen, indem du dich auf 'editor' verlässt. Canvas.getBody().scrollTop'
Amir2828
Hast du es geschafft, es zum Laufen zu bringen?
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 habe mir das dom_components angeschaut, aber ich kann einfach nicht herausfinden, wie man den Styling-Aspekt manuell überschreibt. Ich brauche eine Möglichkeit, dass die Komponente alle neuen Stile im Style-Tag speichern kann, anstatt in der eigentlichen CSS-Klasse. (Versuch mal, eine Komponente zu verschie...
Ryandeba
Hallo @Owchzzz, Es scheint im Kern von GrapesJS verankert zu sein, dass Komponenten kein Style-Tag haben – siehe dieses Beispiel, wo es explizit entfernt wurde. Ich bin mir nicht sicher, ob eine Änderung dieses Verhaltens deinen Anwendungs...
Amir2828
Hast du es geschafft, eine vollständige Lösung zu finden, die die Style-Tags unverändert lässt?
Amenk
Die Lösung von @ryandeba scheint nur die Verwendung von Inline-Style-Attributen wie '<div style="...">' zu beeinflussen. (Aber bei mir wurden diese auch nicht herausgefiltert, ohne diesen Prototyp zu überschreiben. Wir haben das Problem, d...
Was mache ich mit gjs-assets, gjs-components, gjs-css, gjs-html und gjs-style? und wie lade ich diese Dinge in meinen Editor?
artf
'GJS-HTML' und 'GJS-CSS' sind Ihre Endergebnisse, daher würden Sie sie wahrscheinlich auf einer Seite für den Endnutzer ausdrucken. 'gjs-components' und 'gjs-style' enthalten die JSON-Daten zu deiner Vorlage, sodass du diese verwenden muss...
Josefph
@artf gäbe es Probleme, wenn ich einfach das gespeicherte HTML und CSS in den Editor einfüge, um es zu bearbeiten? Und nicht die GJS-Komponenten und den GJS-Stil verwenden?
artf
@pranzikkin wenn du benutzerdefinierte Elemente verwendest und dir die Konsistenz beim Bearbeiten deiner Vorlagen wichtig ist, ja, dann wirst du Probleme bekommen