Issue #974✓ ResueltoAbierto el 21 de marzo de 2018por ghostReacciones 5

Eliminar los botones del Administrador de dispositivos y ViewCode

Respuesta rápidapor ryandeba4

Hola @PCPLTodd, Aquí tienes un ejemplo de cómo puedes eliminar el conmutador de dispositivos y el botón de código de visualización: https://jsfiddle.net/fjkk8w6k/2/

Lee la respuesta completa abajo ↓

Pregunta

Estoy probando con el init por defecto para intentar eliminar los botones DeviceManager y ViewCode...

' var editor = grapesjs.init({ Offsets: 1, avisoOnUnload: 0, Contenedor: '#gjs', Altura: '100%', fromElement: cierto,

Fragmento de códigoTEXT
assetManager: { upload: false },
            storageManager: { autoload: 0 },
            StyleManager: {
                Sectores: [{
                    nombre: 'General',
                    abierto: falso,
                    buildProps: ['flotar', 'mostrar', 'posición', 'arriba', 'derecha', 'izquierda', 'abajo']
                }, {
                    nombre: 'Dimension',
                    abierto: falso,
                    buildProps: ['ancho', 'altura', 'ancho máximo', 'altura mínima', 'margen', 'relleno'],
                }, {
                    nombre: 'Tipografía',
                    abierto: falso,
                    buildProps: ['familia-fuente', 'tamaño-fuente', 'peso-fuente', 'espaciado entre letras', 'color', 'altura de línea', 'sombra-texto'],
                }, {
                    nombre: 'Decoraciones',
                    abierto: falso,
                    buildProps: ['radio de borde-c', 'color de fondo', 'radio de borde', 'borde', 'sombra de caja', 'fondo'],
                }, {
                    nombre: 'Extra',
                    abierto: falso,
                    buildProps: ['transición', 'perspectiva', 'transformación'],
                }
                ],
            },
        });`

Lo único que puedo hacer es eliminar todas las barras de herramientas insertando una opción panel:{[]}. Todo lo que saco para intentar recuperar los otros botones no funciona.

¿Sugerencias?

Respuestas (3)

👍 Muy útilryandeba22 de marzo de 2018

Hola @PCPLTodd,

Aquí tienes un ejemplo de cómo puedes eliminar el conmutador de dispositivos y el botón de código de visualización: https://jsfiddle.net/fjkk8w6k/2/

hlo210911 de mayo de 2025
Fragmento de códigoTEXT
Hola, sé que es tarde, pero así es como lo he hecho ahora mismo:
editor. Panels.removeButton('devices-c', 'set-device-desktop');
editor. Panels.removeButton('devices-c', 'set-device-tablet');
editor. Panels.removeButton('devices-c', 'set-device-mobile');
editor. DeviceManager.getAll().reset();
ghost22 de marzo de 2018

¡Gracias Ryan, ha funcionado genial! :D

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.