¿Cómo eliminar el botón de barra de pestaña en el modo de vista previa?

sugeriría extender el comando original Vista previa

Gracias por responder @artf. ¿Existe alguna documentación o código de ejemplo sobre cómo extender un comando existente?

https://grapesjs.com/docs/modules/Commands.html#extending

@niveth09 aquí está el código para extender el comando de vista previa sin el botón de ojo:

    const cmdVis = 'visibilidad al sud';
    commands.extend('preview', {
        run(editor, senderor): null {
            this.sender = sender;
            this.selected = [... editor.getSelectedAll()];
            editor.select();

if (!this.shouldRunSwVisibility) {
                this.shouldRunSwVisibility = editor. Commands.isActive(cmdVis);
            }

this.shouldRunSwVisibility && editor.stopCommand(cmdVis);
            editor.getModel().stopDefault();

paneles const = this.getPanels(editor);
            const canvas = editor. Canvas.getElement();

panels.forEach((panel) => panel.set('visible', false));

const canvasS = canvas.style;
            lienzoS.ancho = '100%';
            lienzoS.altura = '100%';
            canvasS.top = '0';
            canvasS.left = '0';
            lienzoS.relleno = '0';
            canvasS.margin = '0';
            editor.refresh();
            this.tglEffects(1);
        },
    });

Sugeriría extender el comando original Vista previa

Gracias por informar de esto, @niveth09.

Buena pregunta sobre ¿Cómo eliminar el botón de barra de ojo en el modo de vista previa?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!