Wie man einen Block mit HTML-, CSS- und JavaScript-Inhalten erstellt.
Hallo zusammen! Was Sie suchen, ist hier Redakteur. DomComponents.addType('custom-type',{ model:{ Standardeinstellungen:{ script: function () { console.log('Hallo Welt'); } }, isComponent(){ Rückkehr True } }, }) Du musst den benutzerdefinierten Typ definieren, bevor du deine Block-Definition hast. Dann modifiziere in...
Lesen Sie die vollständige Antwort unten ↓Frage
Kann mir bitte jemand ein Codebeispiel zeigen, wie man einen Block mit JavaScript- und CSS-Stilen erstellt? '''js Redakteur. BlockManager.add('a_block', { Etikett: 'Sample Block', Inhalt: '<style> .sampleclass{ Polsterung: 10px 15px; } .sampleclass2{ Opazität: 0; Sichtbarkeit: Verborgen; } .sampleclass:hover > .sampleclass2{ Sichtbarkeit: sichtbar; Opazität: 1; } @media (max-width: 768px){ .sampleclass{ Breite: 100%; } } </style> <div class="samplecalss">Text<div class="sampleclass2"><div><a>A Link</a></div></div> <script> console.log('Hallo Welt'); </script> , Attribute: { Titel: 'Ein Block'...
Antworten (3)
Hallo zusammen! Was Sie suchen, ist hier Redakteur. DomComponents.addType('custom-type',{ model:{ Standardeinstellungen:{ script: function () { console.log('Hallo Welt'); } }, isComponent(){ Rückkehr True } }, }) Du musst den benutzerdefinierten Typ definieren, bevor du deine Block-Definition hast....
Danke.
Danke.
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #2595
Probleme beim Ziehen von externem HTML mit draggable="true"
Ich möchte ein externes HTML-Element erstellen, das in GrapesJS gezogen werden kann, so wie man einen Block ziehen kann, und es fügt etwas...
Problem #634
Wie kann ich Inhalte mit Skript weitergeben?
Ich habe auf diese Weise eine eigene Komponente erstellt und auch Skript verwendet '''js bm.add('test-block', { Etikett: 'Testblock', Attri...
Problem #494
Setze den Block programmatisch als Komponente ein
Ich habe einen benutzerdefinierten Typ und einen Block erstellt '''js DomComponents.addType('MyComponent', { ... }); BlockManager.add('Comp...
Problem #2221
Kann mir jemand eine richtige Richtlinie geben, wie man Zellkomponenten im Blockmanager erstellt, die andere Komponenten in sich integrieren (wie coumn1, column3/7 und umgekehrt)?
WARNUNG LESEN und FOLGEN Sie den nächsten 5 Schritten, dann ENTFERNEN Sie sie, bevor Sie das Problem veröffentlichenBefolgen Sie die BEITRA...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →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.