Me gustaría representar correctamente un archivo docx en React JS con el formato correcto, como aparecería en Word o un servicio similar. Actualmente, al mostrar el texto, se elimina todo el formato y aparece como texto sin formato. Obtengo el archivo del servidor y lo proceso mediante:
const url = "http://localhost:8080/files/aboutme.docx"; axios.get(url, { responseType: 'arraybuffer', }).then(response => { var doc = new Docxtemplater(new PizZip(response.data), { delimiters: { start: 'ran', end: 'ran' } }); var text = doc.getFullText(); setAboutMe(text); })Estoy usando las bibliotecas Docxtemplater y PizZip.
Docxtemplate es
una biblioteca para generar documentos docx/pptx a partir de una plantilla docx/pptx
Si necesita renderizar un archivo docx, creo que debería usar react-doc-viewer . Entonces podrías escribir algo como:
import DocViewer from "react-doc-viewer"; function App() { const doc = [{ uri: "http://localhost:8080/files/aboutme.docx" }]; return <DocViewer documents={doc} />; }