Es ist nicht möglich, benutzerdefinierte Komponenten schwebbar/wählbar/schädlich zu machen.

Question

Ich benutze GrapesJs mit Angular und erweitere die Funktionalität mit Angular-Komponenten. Meine Vorlage sieht also so aus: Das funktioniert alles einwandfrei; Ich habe DomComponents zum Designer hinzugefügt, und die Komponenten erscheinen im Layer Designer und ich kann sogar problemlos die Traits ändern. Alles rendert so, wie es soll. Allerdings; Während ich meine Textkomponente auswählen und ein Abzeichen sehen kann, kann ich nicht rs-wc-custom-component oder rs-wc-menu auswählen. Wenn ich au...

andrewryan1906 · Accepted Answer

Also,

Stattdessen habe ich Angular-Elemente verwendet, aber die Elemente NICHT in eine Webkomponente kompiliert (wollte die zusätzliche Komplexität vermeiden). Dadurch musste ich die DOM-Elemente nicht austauschen, und so funktioniert der GrapesJS-Editor gut. Kein Problem mehr.

Danke! Andrew

andrewryan1906 · Answer

Das könnte helfen. Im Rahmen der Verarbeitung des Elements tausche ich es spontan gegen mein Angular-Element aus... Also, nachdem das RS-wc-Custom-Component-Tag gerendert wurde, warte ich 1 ms und generiere eine dynamische Angular-Komponente und tausche die rs-wc-custom-component gegen meine dynamische Angular-Komponente aus. Könnte das das Problem sein?

artf · Answer

Im Rahmen der Verarbeitung des Elements tausche ich es spontan gegen mein Angular-Element aus... Also, nachdem das RS-wc-Custom-Component-Tag gerendert wurde, warte ich 1 ms und generiere eine dynamische Angular-Komponente und tausche die rs-wc-custom-component gegen meine dynamische Angular-Komponente aus. Das klingt definitiv nach dem Hauptproblem aus Sicht des Redakteurs. Wenn GrapesJS Elemente parsiert, fügt es Component-Modelle an das DOM an, sodass der Editor beim Interaktion mit ihnen ta...

Es ist nicht möglich, benutzerdefinierte Komponenten schwebbar/wählbar/schädlich zu machen.

Frage

Antworten (3)

Verwandte Fragen und Antworten

Wie exportiert man JS-Code aus Angular-Komponenten?

Skripte funktionieren nicht, wenn sie dynamisch zum iframe <head>hinzugefügt werden

Das Laden aus dem Paket in TypeScript liefert einen undefinierten Fehler.

Das Kontrollkästchen-Merkmal lädt nicht als angekreuzt, selbst wenn der Merkmalswert wahr ist

Kostenpflichtige Plugins, die diesem Problem entsprechen

Verwandte Tutorials

How We Built Composeit in Record Time Using GrapesJS Shadcn

Introducing GJS.Market Services: ship your GrapesJS editor without the integration risk

How to integrate GrapesJS into an Astro app (complete guide 2026)

Durchsuchen Sie Plugin-Kategorien