Los componentes de texto no se comportan correctamente después de crear componentes personalizados

Hola artf,

Después de crear componentes personalizados, el componente de texto no se comporta como antes. Elimina todos los nodos desnudos después de cambiar algún código en modo importación. Por ejemplo

<div>Inserta tu texto 
        <a data-cke-saved-href="http://abc" href="http://abc">aquí</a>
</div>

Después de editar algo en importación modal, se cambia a:

<div>
        <a data-cke-saved-href="http://abc" href="http://abc">aquí</a>
</div>

Como puedes ver, eliminó el nodo de texto desnudo, es decir, Inserta tu texto. Cabe señalar que este comportamiento no ocurre cuando no se añade ningún componente personalizado al editor.

Un ejemplo de componente personalizado que creé:

export const NavbarMenu = editor => {
	var defaultType = editor. DomComponents.getType("default");
	var defaultModel = defaultType.model;
	editor. DomComponents.addType('menu-nav', {
		isComponent: el => el.tagName === 'menu-nav',
		model: defaultModel.extend({
			Extender propiedades predeterminadas
			defaults: Object.assign({}, defaultModel.prototype.defaults, {
				etiquetaNombre: 'menu-nav',
				removible: cierto,
				copiable: falso,
				Droppable: falso,
                redimensionable: falso,
				editable: false,
				Rasgos: [
                    {
                        Tipo: 'texto',
                        nombre: 'menuName',
                        etiqueta: 'Nombre del menú'
                    }
                ],
				atributos: {
                    'menuName': 'Navegación de cabecera'
				},
				propagar: ['removible', 'droppable', 'copiable', 'editable'],
				Componentes: '
<div data-gjs-selectable="false" class="container-fluid bg-menu">
  <div class="row" data-gjs-selectable="false">
    <div class="col-lg-12" data-gjs-selectable="false">
      <div class="main-nav-center" data-gjs-selectable="false">
        <nav id="main-nav" class="prvidr-navbar-menu text-center" data-gjs-selectable="false">
          <ul id="main-menu" class="sm pixelstrap sm-horizontal-catch-menu" data-gjs-selectable="false">
            <li data-gjs-selectable="false">
              <a data-gjs-selectable="false" href="javascript:void(0)">
                Menú 1
              </a>
            </li>
            <li data-gjs-selectable="false">
              <a data-gjs-selectable="false" href="javascript:void(0)">
                Menú 2
              </a>
            </li>
            <li data-gjs-selectable="false">
              <a data-gjs-selectable="false" href="javascript:void(0)">
                Menú 3
              </a>
            </li>
            <li data-gjs-selectable="false">
              <a data-gjs-selectable="false" href="javascript:void(0)">
                Artículo del menú 4
              </a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</div>
				`
			}),
			init(){
				var props = this.getAttributes().props;
				si (props) {
					props = JSON.parse(props);
					this.addAttributes({'menuName':p rops['menuName']});
				}
			},
			toHTML: function () {
			    Sea props:any = {};
			    props['menuName'] = this.getAttributes().menuName;
				return '<menu-nav data-gjs-type="menu-nav" props='${JSON.stringify(props)}'></menu-nav>'
			}

})
	});

editor. BlockManager.add('menu-nav', {
		etiqueta: 'Menú de cabecera',
		atributos: {
			Clase: 'FA Fa-Bars'
		},
		Categoría: {
			etiqueta: "Menú Dinámico"
		},
		Contenido: {
			Tipo: 'Menu-Nav'
		}
	});
}