Problem mit dem benutzerdefinierten Resizer (oder vielleicht, wie ich Komponenten speichere/lade)

Question

Ich versuche, einen benutzerdefinierten Resizer für eine meiner Komponenten zu bauen. Es ist ein Raster-/Spaltenlayout basierend auf Flexbox, und ich möchte, dass Nutzer eine Spalte auf eine feste Breite anpassen können und die anderen Spalten den restlichen Raum füllen lassen. Ich habe bereits eine benutzerdefinierte Komponente für meine Spalte, also habe ich eine Resizer-Konfiguration hinzugefügt, inklusive einer updateTarget()-Funktion, und sie funktioniert super. Wenn ich diesen Inhalt jedo...

artf · Accepted Answer

Ja, du hast recht. Dies geschieht einfach, weil Funktionen nicht serialisierbar sind, daher werden bei grapesjs-Aufrufen 'JSON.stringify(Component)' einfach gerippt. Die Lösung für deinen Fall ist, die Methode 'toJSON' in der benutzerdefinierten Komponente zu überschreiben '''js Redakteur. DomComponents.addType('grid-col', { Model: .. Defaults: ... // Hier definierst du deine Größenänderung ... und dann die Lagerung vermeiden toJSON() { const obj = defaultModel.prototype.toJSON.apply(diese, arg...

thecodefish · Answer

Danke@artf das hat funktioniert.

sakshigarg9 · Answer

@thecodefish Wie ändert man den Anfangszustand der Resizer-Eigenschaften? Wohin kommt diese Konfiguration, wenn ich die grapesjs-preset-Webseite benutze, einfach unter grapesjs.init{...}? Ich möchte speziell für eine Bildkomponente eine Mindestmaß festlegen und einige der Eckpunkte wie tl, tc, tr deaktivieren.

Problem mit dem benutzerdefinierten Resizer (oder vielleicht, wie ich Komponenten speichere/lade)

Frage

Antworten (3)

Verwandte Fragen und Antworten

ID ändert sich beim Import von HTML oder beim Weitergeben von HTML in Komponenten in der Konfiguration.

Wäre es möglich, die Einstellungen unter dem Style Manager so zu ändern, dass HREF vorhanden ist, wenn ein Link erstellt wird?

Wie man eine Komponente am Ende der Leinwand platziert.

Defautl-Klasse auf dem Block

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien