Páginas en un solo lienzo
Puedes utilizar las propiedades css break-before o break-after. Quizá puedas crear un bloque de quiebre de página que añadas manualmente después de cada página, echa un vistazo a grapesjs-plugin-page-break, o puedes romper antes o después de cierto elemento.Siempre salto de página antes del <h1>elemento '', referencia...
Lee la respuesta completa abajo ↓Pregunta
Hola, no estoy seguro de dónde debería ir exactamente esto, pero allá voy.
Estoy creando un generador para hacer menús largos para restaurantes que se imprimirán.
Mi pregunta es, ¿alguien tiene algún ejemplo curioso de cómo hacer un cuadro delimitador del tamaño de una página para cada página de un "menú"?
Digamos que tengo 150 tipos de cerveza. Me gustaría que cada página contenga una cierta cantidad de contenido, luego saltar a la siguiente página y que eso sea visible en el lienzo, básicamente tomando la demo del boletín, y en lugar de desplazamiento infinito, hacer que una sección dentro del lienzo <body> tenga varias secciones de "página" de cierto tamaño.
Si no hay ejemplos o ideas, ¿por dónde sería un buen punto de partida aparte de los documentos de primer nivel de Grapejs?
¡Gracias a todos!
Respuestas (1)
Puedes utilizar las propiedades css break-before o break-after. Quizá puedas crear un bloque de quiebre de página que añadas manualmente después de cada página, echa un vistazo a grapesjs-plugin-page-break, o puedes romper antes o después de cierto elemento.
Siempre salto de página antes del <h1>elemento '', referencia '''css @media print{ h1 {break-before: always;} }
>Siempre salto de página tras <footer>elemento '', [referencia](https://www.w3schools.com/cssref/pr_break-after.asp)
'''css
@media print{
pie de página {break-after: always}
}
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1895
[PREGUNTA] Arrastra el componente sobre el lienzo con script, script añadido varias veces.
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un compone...
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 #3337
Pregunta: Usa las flechas para mover bloques en el lienzo configurado en modo de posicionamiento absoluto
Hola, estoy creando una solución para que los estudiantes cuenten sus experiencias en el instituto como diapositivas hechas desde el editor...
Issue #3056
LOGRO: opción para diseño responsivo
Hola, no estoy seguro de que no esté ya implementado, pero no encontré dónde => con grap podemos cambiar la pantalla para comprobar la opci...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.