Issue #1798✓ ResueltoAbierto el 14 de febrero de 2019por chrisedingtonReacciones 61

GrapesJS en libertad

Respuesta rápidapor loganvolkers28

Usamos GrapesJS para alimentar nuestro CMS en http://saasquatch.com WidgetsGrapesJS gestiona la edición del contenido en nuestro widget javascript dentro de la aplicaciónHemos personalizado la mayoría de las barras de herramientas, eliminado la mayoría de los componentes predeterminados y la hemos formado solo por com...

Lee la respuesta completa abajo ↓

Pregunta

Hola,

Quería ver algunos ejemplos de cómo la gente está usando GrapesJS y cómo pueden haberlo ampliado o personalizado según sus necesidades.

Sería genial que alguien con una web pública (supongo que incluso una captura de pantalla) comentara sobre este problema para hacer una lista de usos actuales de esta gran extensión.

Respuestas (3)

👍 Muy útilloganvolkers7 de marzo de 2019

Usamos GrapesJS para alimentar nuestro CMS en http://saasquatch.com

Widgets

  • GrapesJS gestiona la edición del contenido en nuestro widget javascript dentro de la aplicación
  • Hemos personalizado la mayoría de las barras de herramientas, eliminado la mayoría de los componentes predeterminados y la hemos formado solo por componentes web personalizados
  • https://cloudinary.com/ enchufadas para gestión de activos
  • Funciona bastante bien con Web Components y https://stenciljs.com/ ❤️
  • Recomendación: Usar GrapesJS con componentes web

! 2019-03-06 18_22_40-

Correos electrónicos

  • También lo usamos para la edición de correos en HTML, pero descubrimos que no es muy bueno (porque los correos HTML son una pesadilla para acertar, no directamente un defecto de GrapesJS....) Estamos pensando en cambiar a GrapesJS + MJML o https://beefree.io/ para hacer la experiencia del usuario final más llevadera.
  • Recomendación: Evita GrapesJS para plantillas de correo HTML simple

! imagen

anlumo29 de julio de 2021

Por fin ha publicado mi proyecto, así que puedo enseñarlo ahora: ! imagen ! imagen

Forma parte de nuestro editor de mapas de batalla de RPG de mesa DungeonFog y se usa para crear notas y libros de aventuras para los maestros de juego. La idea es que puedas imprimirlos a PDF desde el navegador, así que es un poco como un InDesign más sencillo.

robhoward20 de junio de 2019

Estamos actualizando a GrapesJS para nuestros diseñadores de Landing Page y Email en DailyStory.

Hicimos bastantes cambios, principalmente para desactivar o desactivar ciertas funcionalidades mientras también escribíamos todos los componentes nuevos desde cero para poder controlar la experiencia de edición (limitamos lo que puedes o no puedes hacer en el diseñador), por ejemplo, dónde se pueden colocar los bloques y componentes.

Y todos los componentes de la landing page están construidos alrededor de Bootstrap. Simplemente mantiene las cosas súper sencillas para nuestros clientes.

! imagen

Luego tuvimos que empezar desde cero y escribir otro conjunto de componentes/bloques desde cero para plantillas de correo electrónico con tablas, para que funcionaran de forma amigable para el correo electrónico mientras controlábamos lo que se podía o no hacer en el editor. Necesitábamos diferentes tipos de componentes para distintas situaciones, por ejemplo, una tabla de contenedores de diseño no editable o removible frente a una tabla de sección de contenido arrastrable.

! imagen

También integramos nuestro propio gestor de archivos.

! imagen

Vamos a lanzar nuestro editor de landing page a nuestros clientes en 2 semanas (todavía estamos dando los últimos retoques). Planeamos lanzar nuestras actualizaciones del editor de correo electrónico a finales de julio. Empezamos ambos proyectos hace unos 9 meses (trabajamos en ellos de forma intermitente). Luego compartiré algunas capturas de pantalla del editor de correo.

Gran proyecto @artf

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.