Hallo, Ich versuche, die Möglichkeit zu implementieren, Elemente als benutzerdefinierte Blöcke zu speichern. Wie kann ich CSS von Component und seinen Kindern bekommen? Ich kann rekursiv Stile von jeder verschachtelten Komponente erhalten, aber vielleicht gibt es eine Möglichkeit, wie das einfacher gemacht werden kann?
Das hilft bei FireStore, da ich es geschafft habe, in der Firestore-Datenbank zu speichern, würde ich jetzt gerne wissen, wie ich diese Werte aus der Datenbank laden und als Vorlage anzeigen kann. Ich bin neu und brauche Hilfe, tut mir leid für das Schlechte, das ist mein Code. Die Daten, die ich verwende, stammen aus...
artf
Du kannst 'autoload: true' aktivieren oder Daten programmatisch laden, indem du 'editor.load()' aufrufst.
Anfängerfrage: Ich habe das Plugin 'grapesjs-style-bg' zum Stack hinzugefügt, wie kann ich es jetzt in meinem StyleManager anzeigen? Ich setze alle Sektoren aus dem StyleManager bei der Initialisierung zurück und füge sie dann einzeln mit 'styleManager.addSector("id", {...}) hinzu.`.
hellocaio
@pooriamo, danke, Mann! Lebensretter! Es funktioniert super! :))) Danke auch für das Spickzettel, da sind viele Leckerkeiten drin!
pooriamo
Du kannst von hier aus schummeln: https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1127 Du musst 'background-bg' zum 'buildProps'-Array hinzufügen und es dann in den Eigenschaften konfigurieren, der 'type' muss 'bg' sein:
Hallo, ich möchte showComputed: false verwenden, um zu verhindern, dass rechts/links/oben/unten für die absolute Position zählt. Aber wenn ich grapesjs mit diesem Parameter initialisiere, zeigt der Style Manager keine CSS-prop-Werte für die Tablet-/Mobilbildschirmgröße an: ! Bild Sie können es hier nachsehen https://c...
artf
Schritte zur Fortpflanzung, bitte?
makkaronis4e
Lege ein Element auf die LeinwandFügen Sie einige Stile hinzu (zum Beispiel Hintergrundfarbe)Wechsel zur Tablet-/MobilansichtÜberprüfen Sie den Style Prop-Wert im Style Manager (er wird standardmäßig sein).
artf
Ah, okay, jetzt verstehe ich es. Leider gehört das Zeigen eines Stils einer anderen Ansicht zur Funktion 'showComputed', daher bekommt man das Deaktivieren dieses Modells.
Hallo nochmal! Unser Team versucht in letzter Zeit, die Canvas von GrapesJS programmatisch zu aktualisieren ohne versehentlich ein 'Update'-Event auszulösen. Wenn unser Verständnis stimmt, würde das bedeuten, dass ein Aufruf von 'setStyle' oder 'setComponents' kein 'Update'-Ereignis auslöst, unabhängig von den aktuell...
artf
Ja, es könnte tatsächlich Sinn machen, bei diesen Methoden 'Optionen' zu haben, daher wäre eine PR willkommen.
Hallo @artf Ich arbeite schon lange mit diesem großartigen Werkzeug Ich integriere es mit React, erstelle eine React-Plugin-Komponente dafür, erstelle ein benutzerdefiniertes Trait, um Daten aus der API zu erhalten und zu rendern. Ich richte einen lokalen Speicher ein und erstelle auch einen Button, um alle Daten im l...
artf
Du hast den Storage Manager definitiv nicht richtig konfiguriert Bitte lesen Sie diesen Leitfaden sorgfältig https://grapesjs.com/docs/modules/Storage.html
i3laddin
Danke @artf für die Antwort, ich weiß, wie viel Zeit für dich wichtig ist, aber entschuldige dafür, ich konfiguriere es korrekt, außerdem bekomme ich 200 für Post-Anfragen, außerdem bekomme ich das gesamte HTML und Komponenten sowie CSS fü...
artf
Wie haben Sie diese benutzerdefinierte Komponente definiert?
Hey Mann, wieder einmal großartige Arbeit bei GrapesJS, du bekommst Unmengen erledigt, es ist unglaublich! Meine Frage ist also: Wie kann ich mehrere CSS-Eigenschaften mit nur einem Button im StyleManager hinzufügen? Was ich hinzufügen möchte, ist ein 'Display: flex; justify-content: center', so wie wir es gerade in d...
Ju99ernaut
Im Moment glaube ich nicht, dass du das mit dem 'StyleManager' machen kannst, es könnte einfacher sein, Traits zu verwenden.
artf
Ja, leider stimmt @Ju99ernaut! Wahrscheinlich werde ich bald mit der StyleManager-API anfangen, die ein ähnliches Maß an Anpassung wie in Traits ermöglichen würde
Mir ist aufgefallen, dass in https://github.com/artf/grapesjs/issues/74 als der Wechsel zum Pell-basierten Editor aufgeführt wird, die Nutzung von Document.execCommand als Schwäche genannt wurde. Ich sehe jetzt, dass es laut https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand als veraltet gilt, daher...
artf
Ich möchte vermeiden, externe Bibliotheken in die Kernbibliothek zu legen (tatsächlich müssen wir noch einige davon extrahieren). Wenn du Quilljs brauchst, kannst du versuchen, sie als benutzerdefinierten RTE hinzuzufügen. Ich schließe es,...
artf
wir wollten fragen, ob du vorhast, auf einen neuen Editor umzusteigen? Neuer Redakteur? Was wäre die Alternative?
Mikeholczer
Welche zusätzlichen Informationen suchst du? Ich habe schnell gegoogelt und https://quilljs.com/ einer schnellen Suche nach der Quellquelle auf GitHub gefunden, die einzige Verwendung von ExecCommand, die ich sehe, ist https://github.com/q...
Hallo, ich versuche, mehr als einen benutzerdefinierten Panel-Button gleichzeitig zu aktivieren. Ich denke, wenn ich einen benutzerdefinierten Panel-Button erstelle (mit dem untenstehenden Code), verhalten sie sich genauso wie normale HTML-Radio-Eingänge, das heißt, man kann nur einen auswählen und nicht mehrere. Sieh...
RJCAM
Danke @Ju99ernaut, genau das habe ich gebraucht.
Ju99ernaut
Du musst für jeden Button einen anderen 'Kontext' hinzufügen '''js Redakteur. Panels.addButton('options', [{ //... Kontext: 'irgendeine Schnur', // ... }]); ```
Hallo Wenn ich einen Block auswähle und versuche, die Stile zu ändern, passiert nichts. (Ich benutze das Web-Preset) ! Laravel Hier ist meine Konfiguration:
VojtechLanka
Ich hatte dasselbe Problem, und das Hinzufügen von 'widthMedia: ''' zu meinem eigenen Gerät hat das Problem behoben. Ich denke, es gibt ein Problem, wenn Millimeter in Media Queries verwendet werden, sodass die Styles nicht angewendet werd...
pooriamo
Es scheint ein Problem mit der individuellen Gerätegröße zu geben. Wenn ich die Standardgröße auf den Desktop setze, funktioniert es.