Cambio automático de página

@lebonsavane Que yo sepa, actualmente no hay ninguna función para eso.

Crearía un componente personalizado llamado 'Página', pondría 'removible' en falso y este componente se añadiría después de cargar el editor. Así que siempre habría al menos una página. Podrías especificar la altura de este componente personalizado como un parámetro de estilo.

Después, necesitarás lógica personalizada para determinar cuándo añadir una nueva página. Creo que solo hay dos formas en que un contenido puede superar el 'límite de altura'. 1. El contenido actual aumenta Por ejemplo, cuando se incrementa la longitud del contenido de un componente de texto. 2. Se ha añadido nuevo contenido Obviamente, cuando insertas un nuevo componente en una página determinada, si la altura actual + la altura del nuevo componente es mayor que la altura de una página, necesitarías una página adicional donde se añadiría el nuevo componente.

En el primer caso podrías escuchar el 'component:styleUpdate:height' en cada componente de página, y cuando la altura supere la altura permitida, tendrías que separar el texto en dos componentes y luego empujar una parte a una nueva página.

El segundo caso se cubre bastante fácilmente escuchando el evento 'component:drag:end' (https://grapesjs.com/docs/api/editor.html#available-events) y luego haciendo los ajustes necesarios (añadir el componente a una página nueva si es la última página, si no, desplazar todo, varias páginas).

Si no necesitas un 'salto de página tan duro', podrías apañarte con el estilo CSS y solo con pausas visuales después de cierta altura.

Supongo que querrás usar grapesjs como editor de PDF/documentos y usar Pages, ¿no? A menos que estés dispuesto a hacer mucho desarrollo, te sugeriría añadir nuevas páginas manualmente, aunque veo valor en un modo 'documento' para grapesjs, aunque probablemente sería un plugin más que una función central.

Espero que esto ayude.