Problem #2850💬 BeantwortetJun 22, 2020 geöffnetvon Aiyush-G0-Reaktionen

Dropdown-MenĂŒ hinzufĂŒgen, um mit Eigenschaften zu blockieren

Kurze Antwortvon Cartifon

Ich bin mir nicht sicher, ob man den Block Ă€ndern kann, sobald man ihn hinzugefĂŒgt hat.... Vielleicht solltest du einfach Klassen zu den Blöcken hinzufĂŒgen, bei denen du Farbe, GrĂ¶ĂŸe oder Ähnliches Ă€ndern kannst. Du kannst dir den CSS Composer dafĂŒr anschauen. https://grapesjs.com/docs/api/css_composer.html#add

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo @artf, Ich hoffe, es geht dir gut, Ich wollte fragen, ob du mir bei einem einfachen Problem helfen könntest, das ich habe (ich habe kĂŒrzlich angefangen, GrapeJS zu verwenden. Problem: Mit einem Plugin erstellen Sie einen Block und im Bereich Merkmale gibt es ein Dropdown-MenĂŒ, das die Art des angezeigten Blocks Ă€ndert. Hier ist mein aktueller Plugin-Code, der zwei Blöcke anzeigt: Ich möchte, dass im Einstellungstab (Traits) ein Dropdown-MenĂŒ erscheint, in dem ich andere Optionen fĂŒr Inhalte auswĂ€hlen kann, z. B.: Einfacher Block ------------> Rot ------------> Orange ------------> Gelb...

Antworten (3)

Cartifon‱ Jun 24, 2020

Ich bin mir nicht sicher, ob man den Block Ă€ndern kann, sobald man ihn hinzugefĂŒgt hat.... Vielleicht solltest du einfach Klassen zu den Blöcken hinzufĂŒgen, bei denen du Farbe, GrĂ¶ĂŸe oder Ähnliches Ă€ndern kannst. Du kannst dir den CSS Composer dafĂŒr anschauen. https://grapesjs.com/docs/api/css_comp...

artf‱ Jul 2, 2020

@Aiyush-G denke ich, du solltest eine benutzerdefinierte Komponente mit diesem Merkmal erstellen, die dann den Inhalt Ă€ndert; der Block selbst wĂŒrde nur diese Komponente enthalten '''js Redakteur. BlockManager.add('my-first-block', { Etikett: 'Einfacher Block', Inhalt: { type: 'your-custom-componen...

Aiyush-G‱ Jul 2, 2020

Hallo ja, das habe ich auch gedacht. Könntest du mir ein Beispiel geben, das den HTML-Inhalt Àndert, z. B. zeigt rot dein gewÀhltes Rot als <p> Tag an, und wenn du Orange wÀhlst, zeigt es, dass du Orange und Orange gewÀhlt hast <p>

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.