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

UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors

Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors

Messaging on gjs.market: talk to a studio before you buy, not after

Durchsuchen Sie Plugin-Kategorien