Issue #875💬 RespondidoAbierto el 15 de febrero de 2018por lorrandavidReacciones 1

¿Es posible personalizar completamente el editor?

Respuesta rápidapor ryandeba1

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)

ryandeba16 de febrero de 2018

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.

lorrandavid16 de febrero de 2018

@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'

lorrandavid16 de febrero de 2018

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.

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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