Eliminar los botones del Administrador de dispositivos y ViewCode
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,
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)
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/
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();¡Gracias Ryan, ha funcionado genial! :D
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #507
¿UploadFile llamado dos veces en drop file?
Tengo un editor inicializado así: Si añado una imagen al lienzo e intento subir una nueva imagen arrastrándola al área de soltarla en el mo...
Issue #998
[BUG] El administrador de activos envía una solicitud vacía al subir la imagen
Descripción: El editor GrapesJS se inicializa en un archivo editor.html de la siguiente manera: 'localhost:9001' es un servidor IIS local q...
Issue #384
Crear y editar plantilla en base de datos
Este es mi código para crear una nueva plantilla e insertar el html en línea con estilo en la base de datos: '''js var editor = grapesjs.in...
Issue #2245
Guardar HTML con el lado del servidor CSS en línea
Hola a todos, estoy usando la versión 0.15.3 y quiero guardar datos HTML con CSS en línea para el lado del servidor Este es mi código donde...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.