Wenn die Ansicht der Komponente das HTML verändert, sind Textkomponenten nicht mehr bearbeitbar.

Question

Ich versuche, eine eigene Komponente zu erstellen, die im Inhalt Lorem-Ipsum-Text enthält, um sie zu bearbeiten, sobald sie auf der Leinwand sind. Aber ich möchte auch das HTML in der Ansicht ändern (um Inhalte hinzuzufügen, die ich im Editor anzeigen möchte, aber nicht im gespeicherten HTML). Ich habe so etwas wie das ausprobiert: Das Problem ist, dass wenn ich die Render()-Funktion wie oben ändere, die Textkomponenten im Textabschnitt (h1 und p) nicht mehr durch Doppelklick auf den Text bearb...

Roytang · Accepted Answer

Ich habe das oben Genannte ausprobiert, wie folgt: Aber ich kann den Text in den h1- und p-Elementen nach dem Platzieren der Komponente auf der Leinwand immer noch nicht bearbeiten. :(

artf · Answer

Tut mir leid, dass ich das nicht bemerkt habe '''js var html = this.el.innerHTML; html = "

ABC

" + html; this.el.innerHTML = html; ``` man entfernt im Grunde Elemente mit Modellen und fügt eine neue Zeichenkette als HTML an (der Editor kann auf seine Modelle nicht mehr zugreifen). Wenn du eine neue Komponente hinzufügen möchtest, solltest du das über Models machen (z. B. 'view.model.append('

stuff

')').

artf · Answer

Du kannst die Textkomponente anstelle der Basiskomponente erweitern '''js const defaultType = comps.getType('default'); const textType = comps.getType('text'); ... view: textType.view.extend({ ... ```

Wenn die Ansicht der Komponente das HTML verändert, sind Textkomponenten nicht mehr bearbeitbar.

Frage

Antworten (3)

Verwandte Fragen und Antworten

Kind-Komponente nicht auswählbar, wenn man benutzerdefinierte Ansicht verwendet

Textinhalte sind nicht immer bearbeitbar

Man kann die Komponente nach dem Klonen des Styled-Elements nicht mehr in die Leinwand ziehen

CSS-Eigenschaften, die auf id-Elementen nicht gespeichert sind, v0.14.50 gesetzt

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien