Personaliza el editor quitando todos los paletes de la derecha y la parte superior
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,
- Reutilizar la región del editor para creación o edición de contenido.
- Eliminar CSS completo y rediseñar según nuestros temas de marca
- 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)
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
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')
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.
Issue #1748
Cómo evitar que los elementos arrastren dentro del editor
Hola @artf Lo estás haciendo muy bien con grapesjs y es extremadamente útil hacer que nuestra funcionalidad sea más fácil de usar. Gracias...
Issue #1588
[PREGUNTA]
¡Hola a todos y gracias por vuestro magnífico trabajo y por esta API! Tengo una pregunta sobre la caja, que envuelve todos los componentes...
Issue #1537
Componente duplicado, no estilo
Hola, Antes que nada, muchas gracias por el trabajo increíble ❤️ !! Tengo una pregunta sobre la herramienta de duplicación, así que aquí es...
Issue #1897
[Pregunta] vista vs código
Hola... ¡Y perdón por mi inglés! Antes que nada, enhorabuena por este marco. Estoy intentando usar GrapeJS para crear mi propio editor de W...
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.