Añadir html personalizado dentro de Canvas

Hola,

Estoy usando uvas para exportar un json personalizado con toda la información que necesito, en lugar de HTML y CSS. Para hacer eso, estoy analizando los componentes gpjs almacenados en localStorage.

Ahora necesito personalizar cómo se renderizan los componentes dentro del lienzo. Por ejemplo, tengo un componente Input con dos rasgos (etiqueta y valor), y me gustaría renderizarlo dentro del lienzo con los rasgos de etiqueta como <label> etiqueta y valor como marcador de posición dentro <input> de la etiqueta.

Por supuesto puedo usar una vista personalizada, pero hacerlo dentro del localStorage también se guardará la etiqueta de etiqueta dentro del objeto, aunque me gustaría evitarlo, porque cuando exporto todo el código canvas solo espero tener

'''json { "entrada": [ {"label": "lblValue"}, {"valor": "valorRasgo"} ] }

He intentado modificar cómo se renderizan los componentes dentro de la vista, haciendo algo parecido a lo siguiente.

'''javascript
Vista: {
    init() {
      this.listenTo(this.model, 'change:attributes', this.updateComponentView);
    },
    onRender() {
      this.updateComponentView();
    },
    updateComponentView() {
      const { attributes } = this.model.attributes;

if (!this.el.parentNode.querySelector('#${this.model.cid}')) {
          const newDOM = '
            <label id="${this.model.cid}" class="inputLabel" data-customelement>
              ${attributes.label}
            ';</label>
          this.el.parentNode.append(replaceDOM(newDOM), this.el);
        }
        const label = this.el.parentNode.querySelector('#${this.model.cid}');
        label.style.pointerEvents = 'ninguno';
        this.el.value = attributes.fieldLabel;
        this.el.placeholder = attributes.fieldLabel || attributes.name;
        label.innerText = '${attributes.name} ${(attributes.required) ? ' *' : ''}`;
    },

Funciona, pero cuando arrastro otros bloques dentro del lienzo y recargo la página, los componentes de entrada ya no están en el orden correcto. Creo que es porque al añadir nuevos nodos dentro del lienzo, las uvas no pueden calcular el orden correcto.

¿Alguna sugerencia sobre cómo manejar este caso?

Gracias