Ocultar un componente concreto en la vista previa

Solía funcionar en HTML(). Y cuando llamo a editor.getHtml() me devuelve el html como se espera, pero cuando hago clic en el botón de vista previa aparece el "Banner_Options_Btn".

Aquí está el código. Por favor, ayúdame

domc.addType('banner_gal', {
      model: defaultModel.extend({
        por defecto: Object.assign({},
          defaultModel.prototype.defaults, {
            Tipo: 'banner_gal_type',
            etiquetaNombre: 'div',
            barra de herramientas: [],
            componentes: [{
                etiquetaNombre: "div",
                tipo: "botón",

componentes: [{
                  Clases: ["Banner_Options_Btn"],
                  etiquetaNombre: "botón",
                  tipo: "botón",
                  contenido: 'Opciones',
                  Estilos: 'Pantalla:bloque en línea',
                  barra de herramientas: [],
                }]
              },

],
          }),
        toHTML(opts) {
              var retVal = '<div>Mi propio contenido</div>';
              regresar a Val;
        }
      }, {
        isComponent(el) {
          Resultado var = '';
          if (el.tagName == 'DIV' && el.className == "main_banner_div") {
            resultado = {
              Tipo: 'banner_gallery_portion'
            };
          }
          resultado de retorno;
        },

}, ),

view: defaultType.view.extend({
        init() {
          this.listenTo(this.model, 'change:src', this.updateSrc);
          this.listenTo(this.model, 'haz clic activo', this.updateSrc);
        },

eventos: {
          'clic. BannerTopLevel':'handleClick',
          'haz clic .simple_banner': 'ShowSimpleBanner',

},
      })
    });