¿Es posible hacer múltiples rasgos para hacer un img editable y <a> etiquetar en el componente de tabla?

Hola Artur,

Se me olvidó decir que estoy usando la última versión, lo siento por eso.

Quiero añadir un plugin para iconos de redes sociales editables, URL de imagen y enlace href en la configuración de componentes. Algo así: ! taslak

Creo un nuevo tipo de rasgo y quiero añadir múltiples entradas editables, algo parecido a la imagen de arriba.

Intenté crear entradas en la función getInputEl pero solo devuelve una entrada de entrada.

Mi código:

grapesjs.plugins.add('social-media-options', (editor) => {
    editor. TraitManager.addType('content', {
        eventos:{
            'keyup': 'onChange', // trigger padre onChange método en keyup
        },
        getInputEl: function() {
            if(!this.inputEl) {
                sea targetEl = this.target.view.$el,
                    getLinks = targetEl.find("a");
                para (sea i = 0; i < getLinks.length; i++) {
                    var input = document.createElement('textarea');
                    input.value = getLinks[i].getAttribute("href");
                    input.style.marginBottom = "10px";
                }
                this.inputEl = entrada;
            }
            return this.inputEl;
        },
        onValueChange: función () {
            let getLinks = this.target.view.$el.find("a");
            console.log(getLinks[0].attributes.href);
            this.target.set('content', this.model.get('value'));
        }
    });

Sea DOMC = editor. DomComponents;
    sea defaultType = domc.getType('default');
    sea defaultModel = defaultType.model;

domc.addType('table', {
        model: defaultType.model.extend({
            init(){
                var componentes = this.get('components');
                console.log(componentes);
            },
            defaults: Object.assign({}, defaultModel.prototype.defaults, {
                etiquetaNombre: 'mesa',
                Dejable de soltar: ['Cuerpo', 'Cabeza', 'Pie'],
                rasgos: [{tipo:'contenido'}],
            }),
        },{
            isComponent(el) {
                if (el.tagName === 'TABLA' && el.id === 'redes sociales') {
                    console.log($(el).find("a:first").html());
                    return { type: 'table' }
                }
            },
        }),
        vista: defaultType.view,
    });
});

¿Cómo puedo obtener y cambiar cada imagen y enlace introducido? ¿O hay alguna solución en lugar de getInputEl? ¿Cómo puedo acceder a todos los componentes hijos de la tabla y cómo puedo usarlos? Gracias de antemano.