FRAGE: Leerer Zustand der Set-Komponente

Question

Hallo @artf, Wie würdest du empfehlen, einer Komponente einen leeren Zustand zu geben? Angenommen, ich habe zum Beispiel eine Layout-Komponente (also eine Spalte), die Kindelemente enthalten sollte (z. B. Textkomponente oder Bild). Wenn diese Layout-Komponente leer ist, möchte ich darin Hilfstexte anzeigen, zum Beispiel "Element hier hinzufügen", und wenn sie Kinder hat, sollte sie nicht angezeigt werden. Natürlich sollte dies nur in der Ansicht vorhanden sein und nicht im Ausgabe-HTML gerender...

Joshmamroud · Accepted Answer

@artf Du bist DER MANN! Ich wusste nicht einmal, dass es den ':empty'-Selector gibt. So einfach, so großartig! Völlig überwältigt. Danke!

artf · Answer

Ich habe etwas Ähnliches in dieser Hinsicht nur mit CSS gemacht '''js const doc = Redakteur. Canvas.getDocument(); ... addType('cc', { Modell: {...}, Ansicht: { init() { ... const stl = doc.querySelector('style#cc-id'); if (!stl) { doc.body.insertAdjacentHTML('beforeend', ' ); } } } }) ``

hellocaio · Answer

Hallo Josh, ich mag deine Idee. Ich bin kein Experte, aber hier sind ein paar Gedanken: Im Grunde würde ich der Komponente selbst eine Art Flag hinzufügen. Idee 1) Wenn die Komponente eine Art Container (d.h. div) ist, füge eine '

Ziehe ein Element hierher

' hinein, und wenn eine neue Komponente hinzugefügt wird, könntest du das Editor-Event 'component:add' verwenden und nach Geschwistern mit der Klasse 'empty-message' suchen und diese entfernen. Idee 2) Fügen Sie der...

FRAGE: Leerer Zustand der Set-Komponente

Frage

Antworten (3)

Verwandte Fragen und Antworten

Zurücksetzen der Eigenschaft beim Bearbeiten des Inhalts einer benutzerdefinierten Komponente

Wie handhabt man alte Komponenten (JSON) mit neuer Editor-Konfiguration?

Wie man Grapejs übersetzt

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

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien