El componente personalizado no funciona después de guardar.

Deberías añadir algún tipo a tu componente y luego analizarlo en isComponent
Por ejemplo, el enlace de botones similar
componentes const = editor. DomComponents;
  const link = components.getType('link');

components.addType('custom-link-button', {
    modelo: link.model.extend({
      defaults: Object.assign({}, link.model.prototype.defaults, {
        atributos: { 'link-extended': 'botón personalizado-link-button },
      }),
    }, {
      isComponent: (el) => {
        Sea resultado;

if (el.tagName == 'A' & el.attributes['link-extended'] 
          && el.attributes['link-extended'].value === 'custom-link-button') {
          resultado = {
            Tipo: 'botón de enlace personalizado',
            editable: 0
          };

El enlace solo es editable si, al menos, uno de sus
          Children es un nodo de texto (no uno vacío)
          hijos const = el.childNodes;
          const len = hijos.longitud;
          if (!len) elimina result.editable;

para (sea i = 0; i < len; i++) {
            hijo const = hijos[i];

if (child.nodeType == 3 && child.textContent.trim() != '') {
              eliminar result.editable;
              pausa;
            }
          }
        }
        
resultado de retorno;
      }
    }),
    Ver: link.view
  });