Folgendes Beispiel aus docs . Gibt es weitere Konfigurationen, um neue Eigenschaften für Elemente sichtbar zu machen? Das Beispiel mit der Eingabe läuft nicht, meine IDs werden aufgenommen, aber nicht die zusätzlichen Attribute. '''js Versuche, Traits hinzuzufügen Redakteur. DomComponents.addType('ol', { isComponent:...
artf
Ich kann dein Beispiel richtig sehen und alle Eigenschaften funktionieren korrekt. Kannst du eine reproduzierbare Demo erstellen?
no-response[bot]
Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...
GJSBlock
Danke, dass du das gemeldet hast, @alpha2k-io. Gute Frage zum Hinzufügen von Eigenschaften werden vom Trait Manager nicht erkannt.. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen...
Was versuchst du zu GrapesJS hinzuzufügen? Bessere Shadow-DOM-Unterstützung, die es Entwicklern ermöglicht, GrapesJS innerhalb eines Shadow-Elements zu rendern, ohne Elemente gezielt einfügen zu müssen, anstatt Selektoren in der Konfiguration zu verwenden. Beschreibe deine Feature-Anfrage detailliert Wenn derzeit Elem...
artf
Hallo @AStoker ich verstehe nicht, was das eigentliche Problem an deinem Beispiel ist (abgesehen davon, dass du GrapesJS-Stile nicht in deinem Schatten-Dom geladen hast). Wenn du Shadow Dom anhängst, kannst du natürlich diesen 'Container:...
AStoker
Das Problem ist, dass ich HTML-Elemente überall weitergeben muss und keine Selektoren verwenden kann. Das zu schreiben kann umständlich werden, da ich jetzt für jedes Panel, jedes Element, alles, was wir in GrapesJS einbinden, den Abfrages...
AStoker
Ich habe das JSFiddle aktualisiert, damit du sehen kannst, was wir tun müssen, um Styles innerhalb von Shadow DOM zu bekommen. Aber leider existiert das CSS, das von GrapesJS automatisch hinzugefügt wird, auf dem Körper und verschmutzt sow...
Ich bin neu bei grapes JS und versuche, die Blöcke beim Ziehen in einem anderen Stil zu gestalten zum Beispiel die Bildblöcke 1 – wenn nicht gezogen oder schwebend, nimmt er Stil A an. 2 – wenn der Hover Stil B annimmt. 3- Beim Ziehen nimmt Stil C (wenn es über der Leinwand liegt). Kann mir jemand bei diesem Problem h...
ronaldohoch
Vielleicht schaffst du es mit diesen Events: https://grapesjs.com/docs/api/editor.html#blocks oder https://grapesjs.com/docs/api/editor.html#canvas
artf
In so einem Fall ist wahrscheinlich eine komplett benutzerdefinierte Blockmanager-UI der einzige Weg (z. B. von deiner eigenen BlockManager-Komponente in Angular gerendert). Es sollte schon möglich sein, aber ich nehme mir lieber Zeit und...
hadeel94
In so einem Fall ist wahrscheinlich eine komplett benutzerdefinierte Blockmanager-UI der einzige Weg (z. B. gerendert durch deine eigene BlockManager-Komponente in Angular). Es sollte schon möglich sein, aber ich nehme mir lieber Zeit und...
Version:0.17.4 Die Taste für Eigenschaft mit Typ ruft auf 0.17.4 keinen Befehl auf, der vor 0.17.3 verwendet wurde.Erwartetes Verhalten Ein Klick auf die Schaltfläche ruft den im Merkmal definierten Befehl auf.Was passiert hier Ein Klick auf die Schaltfläche bringt nichtsjsfiddle-Beispiel Kommando funktioniert auf 0.1...
mosh-tudor
@maekawataiki Das ist behoben, aber noch nicht veröffentlicht – https://github.com/artf/grapesjs/issues/3497
GJSBlock
Danke, dass du das gemeldet hast, @maekawataiki. Tolle Frage zum Trait Button Command, der auf 0.17.4 nicht funktioniert. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die Grap...
Hallo zusammen 👋 Ich liebe den Editor! Wir verwenden Traits, um die Klassen einer Komponente anzupassen, aber das wirkt etwas abgehackt, da man ALLE Klassennamen für jede Trait-Auswahl neu deklarieren muss Hier ein einfaches Beispiel: Jede Eigenschaftsoption muss alle Klassen definiert haben, denn sonst werden besteh...
krishnaeverestengineering
@deiga wir machen so etwas wie das.
artf
Ich würde das Merkmal einer Komponenteneigenschaft anstelle des Class-Attributs zuordnen und basierend auf dem Wert richtig removeClass und addClass verwenden.
GJSBlock
Danke, dass du das gemeldet hast, @deiga. Tolle Frage zu [FRAGE] Was ist die idiomatische Art, Klassen aus Komponenten hinzuzufügen und zu entfernen?. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang h...
Ich bin neu bei GrapesJS ... Tolles Werkzeug. Ich habe ein paar Fragen zu Eigenschaften. Ich habe diesem Tutorial gefolgt https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type weil ich überschreiben muss, wie HREF generiert wird. Das Beispiel ist für mich großartig mit wenigen Modifikationen. Ich, ich mö...
artf
Das kannst du tun: '''js tagListElement.on('select2:select', e => this.onChange(e)); onChange wird das onEvent korrekt auslösen ```
iteniel
@artf danke Können Sie beim ersten Teil der Frage helfen? Ich brauche etwas wie onPostRender/afterRender, um die select2-Komponente zu initialisieren, wenn das DOM vorhanden ist etwas nach der createInput-Methode
GJSBlock
Danke, dass du das gemeldet hast, @iteniel. Gute Frage zu [FRAGE]: Select2-UI-Element in Traits integrieren. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokume...
WARNUNG LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdMach zuerst eine schnelle SUCHE, um zu sehen, ob jemand anderes das gleiche Problem nicht geöffnet hatAlle zugehörigen Auss...
artf
Danke @moises-flowize, das wird in der nächsten Version behoben https://github.com/artf/grapesjs/commit/ac96298add119c4f4e000967ab3332f9ad711613
GJSBlock
Danke, dass du das gemeldet hast, @moises-flowize. Das Problem mit Command core:component-enter, das in allen Fällen nicht funktioniert, scheint ein Renn- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn si...
Version: 0.17.4 Kannst du den Fehler aus der Demo reproduzieren?[ ] Ja[X] Nein Was ist das erwartete Verhalten?Nach dem Einfügen eines iFrame wird das src zurückgegeben, wenn 'editor.getHTML()' verwendet wird.Beim Laden einer Seite wird diese iframes als iframe-Komponente erkannt und wieder bearbeitbar Beschreibe den...
artf
Ich werde in der nächsten Version iframe-Unterstützung hinzufügen
GJSBlock
Danke, dass du das gemeldet hast, @TheDude70. Das Problem mit iframe speichert src nicht / erkennt iframes nach dem Laden nicht scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn s...
Hallo, Wenn du zum Beispiel einen dreispaltigen Block zu einer Seite hinzufügst und versuchst, ein sehr breites Bild in jede Spalte zu ziehen, dehnt sich der Inhalt und der Überlauf wird verborgen. Wie fügen wir entweder eine vertikale Scrollleiste hinzu oder zwingen den Editor, die sichtbare Bildgröße beim Ziehen zu...
artf
Das ist eher ein Layout-Problem, das du leicht beheben kannst, indem du dein CSS zu allen Bildern hinzufügst, z. B. 'img { max-width: 100%; }`
GJSBlock
Danke, dass du das gemeldet hast, @samichamoun. Gute Frage zu Große Bilder machen den Bereich des Inhaltseditors unerreichbar. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die...
Hallo, derzeit bietet grapesjs eingebaute Eigenschaften wie Margin und Füllmaterial an, mit denen der Nutzer jede Eigenschaft einzeln ändern kann (margin-oben, margin-unten usw.). Es wäre schön, all diese Eigenschaften gemeinsam ändern zu können. Um zum Beispiel einen Sperrknopf zu haben, ändert er beim Aktivieren all...
artf
Ja, das wäre cool, aber leider hat GrapesJS noch kein richtiges UI-Modul, das es einfach erlauben könnte, neue UI-Komponenten durch Wiederverwendung anderer zu erstellen, daher ist 'StyleManager.addType' der einzige Weg, aber in diesem Fal...
GJSBlock
Danke, dass du das gemeldet hast, @kuhelbeher. Toller Vorschlag zu FEAT: Möglichkeit, alle Margen-, Polsterungs- usw. Eigenschaften gemeinsam zu ändern! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es m...