Docx.js 无法识别 html javascript 中的基本功能

Question

我正在尝试在浏览器中使用 Docx.js 将网络应用程序导出到 MS Word，但浏览器无法识别 Table 或媒体等基本功能。有没有人遇到过这个问题，如果有，有什么解决办法？

我在控制台中收到以下错误消息： “未捕获的引用错误：Table 未定义”

下面是我的示例代码：

<html>

<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();
        
        const table = new Table({
            rows: [
                new TableRow({
                    children: [
                        new TableCell({
                            children: [new Paragraph("Hello")],
                        }),
                        new TableCell({
                            children: [new Paragraph("World!!!")],
                        }),
                    ],
                }),
                new TableRow({
                    children: [
                        new TableCell({
                            children: [new Paragraph("bla bla bla")],
                        }),
                        new TableCell({
                            children: [new Paragraph("bla bla bla")],
                        }),
                    ],
                }),
            ],
        });

        doc.addSection({
            properties: {},
            children: [table],
        });

        docx.Packer.toBlob(doc).then(blob => {
            console.log(blob);
            saveAs(blob, "example.docx");
            console.log("Document created successfully");
        });
    }
</script>

Answer 1

我在 node.js 中遇到了类似的问题。我得到 ReferenceError: HeadingLevel is not defined。研究这个我发现这个问题在 github https://github.com/dolanmiu/docx/issues/485 中打开。所以我认为您需要在任何 docx 声明之前显式调用 docx 。例如。

            rows: [
                new docx.TableRow({
                    children: [
                        new docx.TableCell({
                            children: [new docx.Paragraph("Hello")],
                        }),
                        new docx.TableCell({
                            children: [new docx.Paragraph("World!!!")],
                        }),
                    ],
                }),
                new docx.TableRow({
                    children: [
                        new docx.TableCell({
                            children: [new docx.Paragraph("bla bla bla")],
                        }),
                        new docx.TableCell({
                            children: [new docx.Paragraph("bla bla bla")],
                        }),
                    ],
                }),
            ],
        });

Docx.js 无法识别 html javascript 中的基本功能

Docx.js not recognizing basic functions in html javascript

docx

html-to-docx