Hallo zusammen, Ich benutze grapesjs-blocks-bootstrap4 und überprüfe, wie die Komponenten funktionieren, es sieht gut aus. Aber wenn du blockartigen Container auswählst, zielt er auf die Klasse statt auf Unique ID ab. ! Bootstrap-4-Element Ich konnte eine zufällige ID mit diesem model.set('attributes', { id: randomID(...
Danke, dass du das gemeldet hast, @cedriclajato. Danke, dass du deinen Bericht über Keine generierte ID und keine automatische Auswahl-ID geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit:...
Mir ist aufgefallen, dass eine frühere Version von Font Awesome Version 4.7 verwendet wird. Ich benutze Version 5.2 von fontawesome und es scheint beim Laden zusammen mit der mit Grapes JS verwendeten Version Probleme zu verursachen; einige Schriftarten laden nicht oder die Klassennamen haben sich im neuen fontawesome...
artf
Du kannst diese Option auf init ändern: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/editor/config/config.js#L165-L168
GJSBlock
Danke, dass du das gemeldet hast, @snowballrandom. Tolle Frage zu *. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche nac...
Ich habe ein benutzerdefiniertes Merkmal erstellt, aber der Name dieses Merkmals wird dynamisch sein, was unbekannt ist. Das Problem ist, dass der aktuelle removeTrait() nur mit name/id funktioniert. Aber was, wenn ich alle Eigenschaften aus der Komponente mit benutzerdefiniertem Merkmal entfernen möchte? Zum Beispiel...
artf
Du kannst den Ausweis verwenden '''js component.addTrait({ id: 'mein-Custom-Trait', Name: 'some_random', // ... }); // ... component.removeTrait('mein-benutzerdefinierte-Trait') ```
GJSBlock
Danke, dass du das gemeldet hast, @vijayshukla30. Danke, dass du deinen Bericht über Benutzerdefinierte Eigenschaft nach Typ entfernen geteilt hast.. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: E...
Danke für den Bericht@tudor-ooo wird in der nächsten Version behoben
GJSBlock
Danke, dass du das gemeldet hast, @mosh-tudor. Das Problem mit Button-Trait-Befehl funktioniert nicht scheint ein Rennbedingungs- oder Zustandsmanagement-Timing-Problem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszyk...
Was versuchst du zu GrapesJS hinzuzufügen? Die Komponente sollte sich als schmutzig markieren können, was die Warnmeldung "onbeforeunload" auslöst. Beschreibe deine Feature-Anfrage detailliert Ich habe eine (benutzerdefinierte) Textkomponente, in der der Nutzer beliebigen Text eingeben kann. Ich speichere die Daten au...
Anlumo
Ich habe das umgangen, indem ich das OnbeforeUnload-Handling komplett deaktiviert und mein eigenes Handling gerollt habe.
artf
Der Editor hat die Eigenschaft 'Editing', die sich ändert, sobald RTE aktiviert oder deaktiviert ist, also sollte das in deinem Fall funktionieren '''js editor.on('change:editing', (em, editing) => { window.onbeforeunload = bearbeiten || e...
Anlumo
Würde dieser OnbeforeUnload-Handler nicht danach durch den oben genannten Ausschnitt überschrieben werden?
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...
Nur als Vorwort: Das Problem, das ich beschreibe, beeinflusst nicht die Ausgabe der vom Editor generierten Inhalte, sondern nur, wenn man die Inhalte innerhalb des Editors betrachtet. Angenommen, ich erstelle zwei Spalten im Editor. Beide sind jeweils 50 % breit. Wenn ich ein großes Bild in eine dieser Zellen ziehe, w...
GJSBlock
Danke, dass du das gemeldet hast, @samichamoun. Gute Frage zu Große Bilder verschieben die Spaltenbreite in der Editor-Ansicht. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie di...
Betrachten wir einen einfachen Block: Beim Ziehen auf die Leinwand kann diese Komponente ausgewählt werden und es ist möglich, ihre Einstellungen zu ändern. Jetzt mache ich Folgendes, um denselben Eingang in einer Karte hinzuzufügen: '$(someElement).find(".card").html('<input type="text"/>');' Die Eingabe wird erfolgr...
GJSBlock
Danke, dass du das gemeldet hast, @ahmedderkaoui. Tolle Frage zu Element, das als HTML auf Canvas eingeschleust wird, verhält sich nicht wie eine Komponente. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten AP...
Hallo @artf, Vielen, vielen Dank für die frühere Hilfe. Ich bin noch ganz neu in der Entwicklung. Bitte helfen Sie mir unten Ich brauche ein Modal, bei dem ich Benutzereingaben wie Blockname, Kategorie, HTML, CSS, JS bekomme und dann auf Save klicke, um das als neuen Blockmanager zu speichern. Wie man diese Daten über...
artf
Bitte folgen Sie der Themenvorlage
GJSBlock
Danke, dass du das gemeldet hast, @Palash-Mandal. Tolle Frage zu *. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche...
Hallo @artf Ich habe ein Problem mit einer Eigenschaft. Wenn ich den Block per Drag & Drop auf die Canvas ziehe, werden seine Eigenschaften im Bereich Einstellungen problemlos angezeigt. aber als ich das Tag zum zweiten Mal gespeichert und bearbeitet habe und diesen Tag in der Canvas ausgewählt habe, erscheint das Mer...
artf
Definierst du deine eigene Komponente in einem Plugin?
Palash-Mandal
Definierst du deine eigene Komponente in einem Plugin? Nein. Füge einfach die Funktion init hinzu editor = grapesjs.init({ const DC = Editor. DomComponents; Benutzerdefinierte Überschriftenkomponente blockManager.add('header', { Etikett: '...
artf
Die erste Regel zur Definition neuer Komponententypen ist, den Code in ein Plugin zu legen. Aus dokumenten