docx@8.5.0 | Deno

deno.land / x / docx@8.5.0 / demo / browser-demo.html
browser-demo.html
<!doctype html>
<html>
    <head>
        <script src="../build/index.umd.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.js"></script>
    </head>

    <body>
        <h1>DOCX browser Word document generation</h1>

        <button type="button" onclick="generate()">Click to generate document</button>

        <script>
            function generate() {
                const doc = new docx.Document({
                    sections: [
                        {
                            children: [
                                new docx.Paragraph({
                                    children: [
                                        new docx.TextRun("Hello World"),
                                        new docx.TextRun({
                                            text: "Foo Bar",
                                            bold: true,
                                        }),
                                        new docx.TextRun({
                                            children: [new docx.Tab(), "Github is the best"],
                                            bold: true,
                                        }),
                                    ],
                                }),
                            ],
                        },
                    ],
                });

                docx.Packer.toBlob(doc).then((blob) => {
                    console.log(blob);
                    saveAs(blob, "example.docx");
                    console.log("Document created successfully");
                });
            }
        </script>
    </body>
</html>
docx
Version Info
4 months ago