Ich habe auf diese Weise eine eigene Komponente erstellt und auch Skript verwendet '''js bm.add('test-block', { Etikett: 'Testblock', Attribute: { Klasse: 'fa fa-text' }, Inhalt: { Skript: "console.log('das Element', dies)", Inhalt: " Hallo 123 ", Füge etwas Stil hinzu, damit die Komponente sichtbar wird Stil: { Breite: '100px', Größe: '100px', 'Hintergrundfarbe': 'Rot', } } }); ``` dann funktioniert das Skript einwandfrei, aber ich kann die Komponente nicht auswählen. Gibt es eine ander...

Ändere das 'Komponenten: " Hallo 123 ",'

Early Access

PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #634💬 Beantwortet13. Dezember 2017 geöffnetvon HarshOB0-Reaktionen

Veraltet

Wie kann ich Inhalte mit Skript weitergeben?

Kurze Antwortvon artf

Ändere das 'Komponenten: "<h1>Hallo 123</h1>",'

Lesen Sie die vollständige Antwort unten ↓

Frage

Ich habe auf diese Weise eine eigene Komponente erstellt und auch Skript verwendet '''js bm.add('test-block', { Etikett: 'Testblock', Attribute: { Klasse: 'fa fa-text' }, Inhalt: { Skript: "console.log('das Element', dies)", Inhalt: "<h1>Hallo 123</h1>", Füge etwas Stil hinzu, damit die Komponente sichtbar wird Stil: { Breite: '100px', Größe: '100px', 'Hintergrundfarbe': 'Rot', } } }); ``` dann funktioniert das Skript einwandfrei, aber ich kann die Komponente nicht auswählen. Gibt es eine andere Möglichkeit, Inhalte mit Skript zu schreiben?

Antworten (3)

artf• 13. Dezember 2017

Ändere das 'Komponenten: "<h1>Hallo 123</h1>",'

HarshOB• 14. Dezember 2017

Ich habe keine Traits bekommen, wenn ich ein Skript beim Erstellen einer benutzerdefinierten Komponente benutze. Gibt es ein Problem mit Eigenschaften?

artf• 14. Dezember 2017

Nun, es gibt keine Eigenschaften in deinem Block... Wenn du stattdessen eine benutzerdefinierte Komponente verwenden willst, musst du den 'Typ' einstellen. '''js Inhalt: { Typ: 'Dein-Komponenten-Typ', Skript: "console.log('das Element', dies)", Inhalt: "<h1>Hallo 123</h1>", ```

Vollständige Diskussion auf GitHub ansehen →