Haz que div esté definida en index.html de grapesjs-webpage-preset solo lectura

He descargado el preset grapesjs-webpage-et y quiero personalizarlo según mis necesidades, así que he añadido mi propio html y estilo en el archivo index.html para que esa interfaz sea personalizable. Ahora, ¿cómo puedo hacer un div en mi código html solo lectura? Intenté añadir data-gjs-editable="false" data-gjs-removable="false" a la descripción del div.

 <div data-gjs-editable="false" data-gjs-removable="false" class="clearfix">
                  <div data-gjs-editable="false" data-gjs-removable="false" class="pull-left col-sm-4 col-md-7 col-lg-6 col-xs-12">
                    <etiqueta data-gjs-editable="false" data-gjs-removable="false" for="Username" class="control-label">Email Address<label data-gjs-editable="false" data-gjs-removable="false" class="padding-left-micro ">*</label></label>

y también intenté añadir este código al archivo index.js en la carpeta src/components:

domc.addType('log-in-password', {
        model: defaultModel.extend({
                defaults: Object.assign({}, defaultModel.prototype.defaults, {
                   Cierto si el componente es extraíble del lienzo
    removible: falso,

Indica si es posible arrastrar el componente dentro de otro
    Consejo: Indica un conjunto de selectores donde pueda dejarse caer dentro
    arrastrable: falso,

Indica si es posible dejar caer otros componentes dentro
    Consejo: Indica un conjunto de selectores que puedan caer dentro
    Droppable: falso,

Configura false si no quieres ver la insignia (con el nombre) sobre el componente
    Badgable: falso,

Cierto si es posible peinarlo
    Consejo: Indica un array de propiedades CSS que sea posible estilizar
    Estilizado: falso,

Con resaltados con estilo 'punteado' si es cierto
    resaltable: falso,

Cierto si es posible clonar el componente
    copiable: falso,

Indica si es posible redimensionar el componente (por ahora solo implementado en Componentes de Imagen)
    redimensionable: falso,

Permitir editar el contenido del componente (usado en componentes de texto)
    editable: false,

}),
            },
            {
                isComponent: function (el) {
                    if (el.tagName == 'etiqueta') {
                        return {type: 'log-in-password'};
                    }
                },
            }),
        view: defaultView,
    });

Pero los divs siguen siendo editables...