Issue #357💬 RespondidoAbierto el 30 de septiembre de 2017por manjunarasReacciones 2

Personaliza el editor quitando todos los paletes de la derecha y la parte superior

Respuesta rápidapor arthuralmeidap1

Hola @manjunaras, Para CSS, GrapesJS ofrece algunas variables Sass que puedes sobrescribir y cambiar algunos colores. Aquí puedes consultar las variables disponibles de descaro: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsvariables.scss A partir de este API-Editor puedes empezar a guardar algunas plan...

Lee la respuesta completa abajo ↓

Pregunta

Antes de nada, gracias @artf por vuestro maravilloso trabajo en GrapesJS,

Necesitamos personalizar el editor completo en lugar de integrarlo en nuestra app y, lo más importante, debe ser amigable para los desarrolladores en los siguientes aspectos,

  1. Reutilizar la región del editor para creación o edición de contenido.
  2. Eliminar CSS completo y rediseñar según nuestros temas de marca
  3. Anulación de evenlisteners (por ejemplo, previsualización, deshacer/rehacer, etc.) de nuestra aplicación (Reinventar en el frontend angularjs)

@artf ¿Puedes abrir si es posible para la lista de puntos mencionados arriba?

Respuestas (3)

arthuralmeidap3 de octubre de 2017

Hola @manjunaras, Para CSS, GrapesJS ofrece algunas variables Sass que puedes sobrescribir y cambiar algunos colores. Aquí puedes consultar las variables disponibles de descaro: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/_gjs_variables.scss

A partir de este API-Editor puedes empezar a guardar algunas plantillas (desde el botón Enviar)

Usando la misma API puedes implementar una forma de cargar la plantilla desde las paletas de las plantillas. El modo vista previa debería ser un poco más difícil de conseguir, pero también es bastante posible.

¿Tienes problemas de rendimiento con GrapesJS? ¿Por qué quieres eliminar algunos módulos y otros no? Si no usas, puedes dejarlos ahí sin problemas, pero si realmente necesitas un grapesjs nuevo sin carpetas, puedes clonar el código de github y eliminar lo que quieras.

Espero haber podido ayudar

artf3 de octubre de 2017

Gracias @arthuralmeidap por una buena visión general. @manjunaras añadiría que los botones dentro de los paneles predeterminados (que realmente puedes ocultar) están ejecutando comandos integrados, así que, por ejemplo, si quieres abrir el modal con código HTML, usa 'runCommand': '''js editor.runCommand('export-plantilla')

arthuralmeidap1 de octubre de 2017

Hola @manjunaras, No estoy @artf pero, hasta donde he leído sobre GrapesJS, con su API, todo lo que mencionas es posible. Echa un vistazo aquí: https://github.com/artf/grapesjs/wiki

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.