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

Problem #565💬 Beantwortet23. November 2017 geöffnetvon paulroberttaylor-zz0-Reaktionen

Benutzerdefinierte HTML-Elemente

Kurze Antwortvon artf

Ja, du kannst verschiedene Tag-Namen in deiner benutzerdefinierten Komponente verwenden '''js const DC = Editor. DomComponents; const defaultType = dc.getType('default'); dc.addType('my-custom-type', { model: defaultType.model.extend({ TagName: 'custom-tag' }, { isComponent(el) { if(el.tagName == 'CUSTOM-TAG') return...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Ist es möglich, und falls ja, wie man das macht, z. B. ein benutzerdefiniertes HTML-Element zu verwenden?

<body> <my-custom-tag/> </body>

Welcher rendert fĂŒr das Vorschaufenster bestimmtes HTML, aber die Quelle gibt das benutzerdefinierte Tag aus?

Danke, Paul

Antworten (3)

artf‱ 23. November 2017

Ja, du kannst verschiedene Tag-Namen in deiner benutzerdefinierten Komponente verwenden '''js const DC = Editor. DomComponents; const defaultType = dc.getType('default'); dc.addType('my-custom-type', { model: defaultType.model.extend({ TagName: 'custom-tag' }, { isComponent(el) { if(el.tagName == '...

paulroberttaylor-zz‱ 24. November 2017

Danke @artf, das weist mich in die richtige Richtung.

Wenn ich möchte, dass alles, was im Block bearbeitbar sein muss, im benutzerdefinierten Tag-Code angezeigt wird, wie wĂŒrde ich das erreichen?

artf‱ 24. November 2017

Du meinst so etwas? '''js Redakteur. BlockManager.add('custom-block', { Etikett: 'Custom Block' Inhalt: '<custom-tag>...</custom-tag>', })

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 →

Verwandte Tutorials

Tiefgehende Anleitungen zum gleichen Thema.

Alle Tutorials →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.