Estoy tratando de crear una interfaz de usuario en Javascript (React) que permita a los usuarios generar archivos PDF en la pantalla. La idea es tener cuadros de entrada a la izquierda, que cuando se llenan, completan inmediatamente los campos en el PDF a la derecha.

Actualmente estoy usando react-pdf para crear el documento y la clase <PDFViewer> para representar el documento en la pantalla.

Problema :

(1) La generación del PDF puede demorar unos momentos, lo que provoca un retraso poco atractivo para los usuarios, y (2) la representación del PDF en la pantalla es problemática porque cambia según el navegador de Internet, si Adobe está instalado y mucho más. . Pasé la mayor parte de una semana tratando de encontrar paquetes en npm o cualquier repositorio de Github que haya hecho algo similar, pero la mayoría de los ejemplos no implican que los documentos se modifiquen y representen en la pantalla.

Pregunta :

¿Hay alguna manera de representar el documento como una imagen o de alguna otra manera, similar a cómo reacciona-pdf en este ejemplo ? La única diferencia es que los usuarios no interactuarían con el código, sino que completarían los detalles en un campo de entrada bien presentado. Nuevamente, el objetivo es evitar largos tiempos de renderizado y tener control sobre cómo se muestra el documento en la pantalla dado que los usuarios pueden tener diferentes navegadores.

¡Gracias!