Problem #1770✓ GelöstJan 31, 2019 geöffnetvon A-Bashtannik2-Reaktionen

Komponenten mit benutzerdefiniertem Tag werden nicht gerendert, wenn sie im Theme-Body angegeben sind

Kurze Antwortvon artf2

Es gibt zwei Probleme:Du hast vergessen, 'isComponent' anzugeben (verwendet im Parsing-Prozess) '''js comps.addType('test-component-type', { isComponent: el => el.tagName === 'TEST-TAG', Ansicht: { Verwenden Sie den onRender-Hook statt Render onRender() { const el = document.createElement("h1"); el.innerText = 'TEST-C...

Lesen Sie die vollständige Antwort unten ↓

Frage

Hallo Ich habe ein sehr einfaches Skelett des GrapesJS-Editors erstellt. HTML-Vorlage: '''html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> </head> <body> <div id="gjs"> <test-tag></test-tag> </div> </body> </html> Ergebnis des Ladens: ! Bild Wie du siehst, wird die Komponente nicht gerendert. Aber wenn ich Blöcke manuell fallen lasse, ist alles in Ordnung: ! Bild Wenn ich die Vorlage ändere und das Attribut 'data-gjs-type' auf den Wert '<test-tag data-gjs-type="test-component-type">' setze</test-tag>, funktioniert alles auch. ! Bild Ich habe auch eine Ko...

Antworten (3)

👍 Am hilfreichstenartfFeb 6, 2019

Es gibt zwei Probleme:Du hast vergessen, 'isComponent' anzugeben (verwendet im Parsing-Prozess) '''js comps.addType('test-component-type', { isComponent: el => el.tagName === 'TEST-TAG', Ansicht: { Verwenden Sie den onRender-Hook statt Render onRender() { const el = document.createElement("h1"); el...

A-BashtannikFeb 6, 2019

@artf, danke für deine Antwort, aber ich auchversuchte auch die Konstruktion mit 'isComponent' definiert, aber mit demselben Ergebnis. Wie auch immer, ich habe diese Funktion über Plugins implementiert, wie du erwähnt hast. Ich habe keine Ahnung, warum neue Bauteiltypen auch nicht funktionieren, ic...

Lock[Bot]Feb 6, 2020

Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.

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.