Añadir varios rasgos de tipo de texto.

editor. DomComponents.addType('text', {
            isComponent: el =>( (el.attributes&&el.attributes.paraJustify&&el.attributes.paraJustify.value) ),
            modelo: {
                Predeterminados: {
                    Rasgos: [
                        {
                            tipo: 'select',
                            Opciones: [
                                { valor: 'text-align:center', nombre: 'Center' },
                                { valor: 'text-align:left ', nombre: 'Left' },
                                { valor: 'text-align:right', nombre: 'Right' },
                                { valor: 'text-align:justify', nombre: 'Justify' },
                            ],
                            etiqueta: 'align',
                            Nombre: 'Style',
                        },
                    ],
                    Para que el estilo por defecto.
                    atributos: { estilo: 'text-align:center' },
                },
            }
        });

editor. DomComponents.addType('text', {
            isComponent: el => el.attributes&&el.attributes.bannerBackgroundImage&&el.attributes.bannerBackgroundImage.value,
            modelo: {
                Predeterminados: {
                    Rasgos: [
                        {
                            tipo: 'select',
                            Opciones: [
                                { valor: 'imagen-fondo:url("https://s.freecharge.in/content/images/egold/egold-banner2.png")', nombre: 'Original' },
                                { valor: 'imagen-fondo:ninguno; color-fondo:#ffffff; ', nombre: 'Ninguno' },
                            ],
                            etiqueta: 'Backgroud Image',
                            Nombre: 'Style',
                        },
                    ],
                },
            }
        });
        editor. DomComponents.addType('text', {
            isComponent: el => el.attributes&&el.attributes.ctaLocation&&el.attributes.ctaLocation.value,
            modelo: {
                Predeterminados: {
                    Rasgos: [
                        {
                            tipo: 'select',
                            Opciones: [
                                { valor: ' izquierda:0px; derecha:0px; inferior:5px; ', nombre: 'Original' },
                                { valor: 'top:0px', nombre: 'Top' },
                            ],
                            etiqueta: 'ubicación CTA',
                            Nombre: 'Style',
                        },
                         {
                             tipo: 'select',
                             Opciones: [
                                 { valor: 'color-fondo:rojo', nombre: 'Rojo' },
                                 { valor: 'color-fondo:azul ', nombre: 'Blue' },
                                 { valor: 'color-fondo:gris', nombre: 'Grey' },
                                 { valor: 'color-fondo:naranja', nombre: 'Naranja' },
                             ],
                             etiqueta: 'Color de fondo',
                             Nombre: 'Style',
                             cambioprop: 1
                         },
                    ],
                },
            }
        });