Problem #774💬 BeantwortetJan 18, 2018 geöffnetvon Ryandeba0-Reaktionen

Imitieren Sie das CustomRTE-Verhalten beim Parsen von Inhalten

Kurze Antwortvon Ryandeba

Jetzt, wo ich noch etwas darĂŒber nachdenke, wĂŒrde Option 1 fĂŒr mich nicht wirklich funktionieren, da ich verhindern möchte, dass Inline-Stile entfernt werden, und außerdem verhindern möchte, dass IDs/Klassen/Attribute zu den Kinderelementen hinzugefĂŒgt werden. Also bleibt wohl Option 2 oder vielleicht eine andere Lösu...

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo @artf, Ich möchte dieses Verhalten beim Aufruf von 'editor.setComponents" replizieren("<div>Dies ist eine Textkomponente. <span style='font-size: 20px;'>Dies ist ein verschachteltes Element, das ich nicht herausfiltern möchte.</span></div>")`. In diesem Beispiel möchte ich, dass die verschachtelte 'Span' nicht als eigenstÀndige Komponente geparst wird, sodass ich sie nicht auswÀhlen oder in irgendeiner Weise mit ihr interagieren kann (Àhnlich wie wenn ich eine benutzerdefinierte RTE auf dem 'div' aktiviert/deaktiviert hÀtte). Ich sehe hier zwei Möglichkeiten:Nach dem Aufruf von 'editor....

Antworten (3)

Ryandeba‱ Jan 18, 2018

Jetzt, wo ich noch etwas darĂŒber nachdenke, wĂŒrde Option 1 fĂŒr mich nicht wirklich funktionieren, da ich verhindern möchte, dass Inline-Stile entfernt werden, und außerdem verhindern möchte, dass IDs/Klassen/Attribute zu den Kinderelementen hinzugefĂŒgt werden. Also bleibt wohl Option 2 oder viellei...

artf‱ Jan 19, 2018

Hey Ryan, wie wĂ€re es mit diesem benutzerdefinierten Bauteil? '''js const domc = Herausgeber. DomComponents; const textType = domc.getType('text'); domc.addType('raw-text', { model: textType.model.extend({ },{ isComponent: function(el) { if (el.hasAttribute && el.hasAttribute('data-raw-text')) { RĂŒ...

Ryandeba‱ Jan 19, 2018

Danke @artf! Ich wette, dein Vorschlag wird fĂŒr mich funktionieren – ich werde es in den nĂ€chsten Stunden ausprobieren.

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.