Benutzerdefinierte DomComponent & Block lassen alle Elemente dupliziert werden

Question

Ich habe einen benutzerdefinierten Block erstellt: und eine benutzerdefinierte DomKomponente: Und einen benutzerdefinierten Befehl (ich habe herausgefunden, wo der Fehler auftritt): Wenn ich den neuen Link als Child Img setze, wird jeder Block, den ich zum Editor hinzufüge, doppelt hinzugefügt, und wenn ich diesen duplizierten Block auswähle, werden beide ausgewählt und geändert: ! Bild

artf · Accepted Answer

@JulyanoF du solltest diesen 'Editor' niemals machen. DomComponents.render()' Wenn du das Gefühl hast, diese Funktion zu brauchen, machst du wahrscheinlich etwas falsch... dann setzt du in deiner benutzerdefinierten Komponente die 'isComponent'-Methode nicht ein, also lies bitte diesen Leitfaden: https://grapesjs.com/docs/modules/Components.html Für den Rest bereitstellen Sie eine Live-Demo mit dem Thema

artf · Answer

Ich versuche, HTML des ausgewählten Elements (editor.getSelected().toHTML()) zu bekommen, es zu manipulieren und den Originalinhalt zu ändern Das ist falsch... Du solltest Component's API verwenden, die Ansicht nicht anfassen oder, noch schlimmer, das HTML. Wenn du dieses Konzept nicht verstehst (du solltest das MODELL der Komponente BEARBEITEN, nicht die ANSICHT), wirst du auf viele Probleme stoßen

JulyanoF · Answer

@artf du hast recht. Das Problem besteht darin, die Funktion 'render()' zu verwenden, also die Elemente zu duplizieren... aber wenn ich diese Funktion entferne, hat sich der HTML-Editor nicht geändert... Es werden immer noch alte Inhalte angezeigt und nicht die neuen. Wie kann ich das vermeiden? Ich werde eine Live-Demo bereitstellen

Benutzerdefinierte DomComponent & Block lassen alle Elemente dupliziert werden

Frage

Antworten (3)

Verwandte Fragen und Antworten

Setze den Block programmatisch als Komponente ein

Das Modell kann nach der Änderung des Wertes im benutzerdefinierten Select-Dropdown-Menü nicht geändert werden.

Elemente in einen ausgewählten Block im Kommando manipulieren

Komponent aus dem benutzerdefinierten Plugin wird nicht erkannt

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien