Los bloques CKEditor no son editables[PREGUNTA]

Hola a todos, He añadido los bloques personalizados de CKEditor y funciona perfectamente. pero el problema real es que no puedo eliminar, mover o añadir los rasgos en los bloques de CKEditor. He intentado todo lo posible pero nada es trabajo. Realmente me quedé clavado. ¿Alguien puede ayudarme, por favor?

Mis bloques personalizados:

'''js editor. BlockManager.add('ckeditor', { id: 'CKEDITOR', etiqueta: 'fa fa-check-square', categoría: 'Básico', Contenido: ' <textarea data-gjs-type="ckeditor5" data-rte="1" nombre="contenido" id="ckeditor"> Este es un contenido de muestra.</textarea> `, Arrastrable: Cierto, Desmontable: Verdadero });

Mis rasgos:-

const comps = editor. DomComponents; const defaultType = comps.getType('default'); const defaultModel = defaultType.model; comps.addType(buttonName, { model: defaultModel.extend({ defaults: Object.assign({}, defaultModel.prototype.defaults, { arrastrable: '*', Droppable: falso, script: función () { const initCKeditor = función () { ClassicEditor.create(document.querySelector('#ckeditor')) .then(obj => { console.log(obj); }) .catch(error => { consola.error(error); }); }; if (tipodeClassicEditor === 'indefinido') { const script = document.createElement('script'); script.onload = initCKeditor; script.src = 'https://cdn.ckeditor.com/ckeditor5/11.2.0/classic/ckeditor.js'; document.body.appendChild(script); } else { initCKeditor(); } }, rasgos: [{ etiqueta: 'nombre', Nombre: 'Nombre', cambioProp: 1, Tipo: 'texto' }],

}) }, { isComponent: function (el) { if (el.tagName === nombreButton) { return { tipo: buttonName }; } }, }),

Definir la vista vista: defaultType.view, }); }

! [imagen](https://user-images.githubusercontent.com/33427536/63030379-d6a29e00-becf-11e9-8aea-a247a5dc4127.png)

como puedes ver en la imagen de arriba, solo puedo seleccionar el div pero no el área de texto.