Problem #565💬 BeantwortetNov 23, 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‱ Nov 23, 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‱ Nov 24, 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‱ Nov 24, 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 →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.