¿Es posible personalizar completamente el editor?
Hola @lorrandavid Definitivamente es posible personalizar el tema de GrapesJS: solo necesitas escribir el CSS adecuado para que se ajuste a tus necesidades. Aquí tienes un jsfiddle rápido y improvisado que muestra un par de los elementos que mencionaste: https://jsfiddle.net/ntg9cspa/1/ La versión 0.14.5 debería funci...
Lee la respuesta completa abajo ↓Pregunta
Me gusta mucho la funcionalidad de GrapesJS, pero estoy un poco decepcionado por la falta de opciones en el editor; se ve bien por sí solo, pero a veces necesito algo más personalizado y aún no he conseguido averiguarlo.
Básicamente necesito ocultar el panel superior, para cambiar entre "Bloques" y "Estilos", me gustaría usar otros botones en mi interfaz, o quizá añadir pestañas al panel.
¿Es posible? Si es positivo, ¿alguien puede darme consejos para conseguirlo? Gracias
Edito: Acabo de ver @artf lanzado la v0.14.5 hace unos días, creo que ya es suficiente. ¿Alguien sabe si funciona con el preset-preset?
Respuestas (3)
Hola @lorrandavid
Definitivamente es posible personalizar el tema de GrapesJS: solo necesitas escribir el CSS adecuado para que se ajuste a tus necesidades. Aquí tienes un jsfiddle rápido y improvisado que muestra un par de los elementos que mencionaste: https://jsfiddle.net/ntg9cspa/1/
La versión 0.14.5 debería funcionar bien con el plugin del boletín. De hecho, la demo del boletín parece estar utilizando la última versión en este momento.
@ryandeba estoy recibiendo un error para TypeError: t.Panels.getButton(...) es nulo en línea grapesjs-preset-newsletter:15:54147, que es:
t.on('load', function () {
t.Panels.getButton('options', 'export-plantilla').set('attributes', {
título: a.expTplBtnTítulo
})
...
¿Cómo puedo solucionarlo? No tengo ningún panel de 'opciones'
Actualmente lo he solucionado así:
editor.on('load', function() {
var panelManager = editor. Paneles;
editor. Panels.render([
panelManager.removePanel ('opciones'),
panelManager.removePanel('views'),
panelManager.removePanel('devices-c'),
]);
});
Pero creo que no es lo ideal, porque primero muestra al editor con todas las viñetas que luego eliminan, ¿hay alguna forma de mejorarlo?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #951
[PREGUNTA] La selección de componentes personalizados no es posible desde el lienzo.
Hola, Intenté averiguarlo por mi cuenta, pero siento que estoy dando vueltas un poco en círculos. Así que espero que tengáis tiempo para le...
Issue #1605
¿Podemos implementar las opciones de Pegar como editor de texto enriquecido en RTE?
Hola @artf he pasado por este Editor de arrastrar y soltar y qué trabajo tan increíble. También leí tu documentación e intenté ampliar el e...
Issue #957
[Pregunta] Añadir atributos personalizados (datos-) a los recursos/imágenes al subir/seleccionar
Hola, estoy haciendo todo lo posible por encontrar la mejor manera de hacerlo, pero necesito adjuntar dos etiquetas de datos HTML5 personal...
Issue #1031
[Pregunta] Iconos personalizados
Quiero añadir un icono personalizado al panel grapesjs en la parte superior de la página del editor. ¿Es posible hacer esto con cualquier S...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.