Gjs-editable='false' works only on drag drog

I have created a component

    var comps = editor.DomComponents;
    var defaultType = comps.getType('default');
    var defaultModel = defaultType.model;
    var defaultView = defaultType.view;

    comps.addType('module', {
        model: defaultModel.extend({
            defaults: Object.assign({}, defaultModel.prototype.defaults, {
                droppable: false,
                editable: false
            })
        },
            {
                isComponent: function (el) {
                    if (el.tagName == 'div' || el.tagName == 'DIV' && (el.attributes.desktopmoduleid != undefined)) {
                        return { type: 'module' };
                    }
                }
            })
    });


`editor.BlockManager.add(value.ModuleName, {
                    category: 'apps',
                    attributes: { type: 'apps' },
                    label: '<div><img src="' + value.ModuleImage + '"/><div class="my-label-block">' + value.ModuleName + '</div></div>',
                    content: '<div desktopmoduleid="' + value.ModuleID + '" mid="" gjs-editable="false" gjs-type="module" gjs-droppable="false" style="padding:10px;">' + value.ModuleName + '</div>'
                })`



The gjs-editable="false" works only on drag drop, its not working on page load after saved.