Generare file DOCX con Javascript

Generare file DOCX con Javascript

La libreria docx.js ci permette di creare dei file DOCX tramite Javascript.

E' possibile usare la libreria sia tramite Node.js che direttamente nei browser (esempio che vederemo noi).

La documentazione è abbastanza completa; l'unica funzionalità che non ho trovato è quella del settaggio dei colori.

Ad esempio, il mio paragrafo che è un heading, si vede blu di default.

Magari sono io che non ho visto la funzione apposita.

Comunque ecco un esempio di codice testato e funzionante:

<!DOCTYPE html>
<html>
    <head>
        <title>Test Docx JS</title>
        <script src="https://unpkg.com/docx@4.0.0/build/index.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.js"></script>
    </head>
    <body>
        <button type="button" onclick="generate();">Generate DOCX</button>
        <script>
            function generate() {
                const doc = new Document({
                    creator: "mattepuffo.com",
                    description: 'Test di DOCX JS',
                    title: 'Test!'
                });

                const paragraphTop = new Paragraph("Ciao!");
                paragraphTop.heading1();
                paragraphTop.center();

                const text = new TextRun("Questo è il testo che di dovrebbe vedere");
                const paragraphTxt = new Paragraph();
                paragraphTxt.justified();
                paragraphTxt.addRun(text);

                doc.addParagraph(paragraphTop);
                doc.addParagraph(paragraphTxt);

                const packer = new Packer();
                packer.toBlob(doc).then(blob => {
                    saveAs(blob, "file.docx");
                });
            }
        </script>
    </body>
</html>

Qui abbiamom aggiunto due paragrafi, di cui il primo funge da titolo e il secondo da testo.

Come vedete è abbastanza facile da usare, e potete vedere dalla documentazione che potete usare altri componenti se volete.

Un buon test sarebbe quello di usarlo tramite AJAX per prendere i dati da db.

Enjoy!




Share

Commentami!

About Mattepuffo.com

Blog dedicato all'informatica e alla programmazione!
Tutti i contenuti di questo blog, tranne casi particolari, sono sotto licenza Licenza Creative Commons Creative Commons Attribution-Noncommercial-Share Alike 2.5. .

2546 articoli
310 commenti
19 progetti
Altri link
  • About
  • Scrivimi
  • Copyright
  • Sitemap
  • matteo.ferrone@yahoo.it
  • GitHub
  • Privacy Policy