Danke für diese großartige Bibliothek. Ich werde einen Style-Controller zum Sektor hinzufügen. Dieser Stil gilt nur für einen Klassennamen und setzt kein Ziel. Zum Beispiel ".xxx-wrapper div.active button:before" (xxx wird der Identifikator der Komponente sein, sodass die Innenschalter von diesem Sektor gesteuert werd...
artf
Kein Style-Manager kann Style-Eigenschaften (CSS) nur für andere Dinge ändern, die du verwenden musst Traits.
webdeveloper0429
Danke, Artf. Wir können also keinen verschachtelten CSS-Selektor (".xxx-Wrapper div.active button:before") in cssCompose verwenden?
artf
Man kann jede CSS-Regel mit der Methode setRule erstellen, aber im Style Manager sind nur klassenbasierte Regeln sichtbar
Beim Speichern exportiere ich mein CSS und importiere es beim nächsten Lade. Dabei wird mein CSS an das bestehende Standard-CSS angehängt. 'Redakteur. CssComposer.clear()' scheint auf Standard-CSS zurückgesetzt zu werden, anstatt alle CSS zu löschen. https://jsfiddle.net/benvmatheson/movxw7p1/3/ Ist es möglich, alle C...
artf
Beim Speichern exportiere ich mein CSS und importiere es beim nächsten Laden Lies das bitte https://grapesjs.com/docs/modules/Storage.html
benvmatheson
Ein Beispiel in diesen Dokumenten schlug vor, einfach das Attribut 'style' zu verwenden: Allerdings wurde ein anderer Stil weiterhin eingeführt. Sollte angenommen werden, dass beim Import von Stil, Wird es immer mit Folgendem eingeleitet?
artf
Dies ist das Standard-CSS, das du über die Option 'protectedCss' ändern kannst, aber auch hier gilt: Wenn dein Ziel ist, eine zuvor erstellte Vorlage zu bearbeiten, ist das Importieren exportierter CSS FALSCH. Möglicherweise musst du HTML/...
Hallo @artf, Danke, dass du dieses großartige Framework erstellt hast. Kürzlich habe ich eine eigene Komponente basierend auf deinem flexbox-Plugin erstellt. ! Demo Der rote Pfeil ist der tatsächliche Wert des Modells. Der grüne Pfeil ist das, was ich erwartet habe. Ist es möglich, 'unitWidth' als 'px' zu setzen, aber...
artf
Ah warte, mein Fehler, 'opts' ist der dritte 'updateWidth(model, value, opts = {}) {' Übrigens, das zweite Argument in setStyle sind Optionen (z. B. '{ silent: true }', um zu vermeiden, dass Change-Listener ausgelöst werden), und diese Opt...
afdallah
Du bist der Mann!! 👍 👍 Vielen Dank, @artf.
artf
Hallo @afdallah, aus Sicht des Resizers müsstest du die Option 'UpdateTarget' verwenden, um das Ziel anzupassen, aber leider geht das nicht, da es bereits stark vom SelectCommand genutzt wird. Deshalb würde ich dich bitten, dies in deiner...
Hallo, ich muss die Methode aufrufen, bevor ich die HTML-Komponente entferne. wie soll ich das machen? ! Bild Aufrufmethode wie editor.on('block:drag:stop', Funktion (model) {})
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.
Ist es möglich, Modal zu machen, das als Leinwand dienen kann? Ich möchte einen Button erstellen, der Modal anzeigt, dann kann ich die modale Komponente aus dem Blockmanager hinzufügen, danke
artf
Wahrscheinlich suchst du Komponenten mit js
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 einige Probleme, wenn ich ein Bild vergrößern möchte. Wenn ich ein Bild einfüge und auf einen Resizer-Handler klicke, behält das Bild nicht seine Höhe, sondern erweitert es auf 100 % des Elterncontainers... Ich habe keine Option in der Option "Größenänderung" gefunden, um das zu deaktivieren: 'Redakteu...
afdallah
Es wäre für alle hier einfacher, dir zu helfen, wenn du eine Live-Demo liefern kannst. Ich hatte dasselbe Problem, aber in meinem Fall lag es daran, dass ich die Bildhochkeit auf Auto gestellt habe. Hier ist das Beispiel meines alten Probl...
MisterFK
Danke, aber es ist nicht dasselbe Problem. Ich mache ein Video, um das Problem zu zeigen: ! ezgif com-video-to-gif
artf
Danke für den Bericht@MisterFK kannst du bitte eine Live-Demo des Problems bereitstellen?
Kann ich eine neue Werkzeugleiste erstellen, die sich unten befindet (wie vom Cursor angezeigt), wenn ich eine Komponente ausgewählt habe? Danke ! Screenshot_2
afdallah
Wenn du diese Zelle als benutzerdefinierte Komponente erstellst, kannst du ihre 'Ansicht' manipulieren. '''javascript const comps = Editor. DomComponents comps.addType('cell', { isComponent(el) {...}, Modell: {...}, Ansicht: { Ereignisse:...
fmr411
nicht nur in der Zelle, sondern für alle Komponenten
afdallah
Natürlich kannst du dieselbe Technik auf jede Komponente anwenden.
Wenn ich den Badge-Builder neu lade, lädt das vorherige Layout, an dem ich gearbeitet habe. Das passiert immer noch, wenn ich Cache/Cookies leere oder im Inkognitomodus öffne. Wie wird das aufbewahrt?
benvmatheson
Es scheint, dass dies in localStorage gespeichert ist. Was war die Absicht dahinter? Ist es ratsam, localStorage einfach zu löschen, um Daten zurückzusetzen, oder gibt es eine Grapes-spezifische Methode, die du empfehlen würdest?
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.
Betriebssystem: Windows 10 Browser: Chrome 73 GrapesJS-Version: '0.14.57' Ich habe Remote-Speicher mit diesem Aufruf 'grapesjs.init()' konfiguriert: Während ich die Anfrage zum '/laden' im Netzwerk-Tab der Chrome-Entwicklungstools sehe, sehe ich keine Anfragen zum '/speichern', egal wie viele Änderungen ich im Editor...
DylanSp
Das Update zur nächsten Version hat das behoben, ich sehe jetzt Anfragen an den '/store'-Endpunkt. Danke für die schnelle Behebung!
DylanSp
Ich sollte auch erwähnen, dass manuelles Speichern mit 'editor.store()' eine Anfrage sendet, die ich im Netzwerk-Tab sehen kann.
artf
Danke für den Bericht@DylanSp tatsächlich gibt es ein Problem mit dem Zuhörer. Wenn der erste 'Load'-Aufruf fehlschlägt (und ich vermute, dein '/load'-Endpunkt ist gefälscht, genau wie meiner), beginnt er nie, die Änderungen im Editor zu v...
Hey @artf, Ich sehe Version Version 0.14.57. In dieser Version unterstützt man den Bildeditor mit dieser Bibliothek 'grapesjs-tui-image-editor.min.js?0.1.2'. Früher habe ich cropper.js für die Bildbearbeitung genutzt. Aber es funktionierte nicht richtig einwandfrei. Ich sehe eine Demo für Bildbearbeitung mit 'grapesjs...
artf
Bitte überprüfen Sie die README-Datei https://github.com/artf/grapesjs-tui-image-editor Ich erwähne dieses Problem in der Option 'Icons' und das Beispiel zeigt dir genau, was zu tun ist
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.