javascript - docxtemplater 使用基于另一个元素的值的 setData

Question

我正在使用出色的docxtemplater for node，它运行良好。

但是，我希望能够根据页面上段落元素的值来完成模板。

我玩过各种语法风格，但似乎仍然无法得到我想要的结果。希望下面的代码显示了我想要完成的内容 - 道歉对于 js 来说是相当新的。

<p id="text">Some text</p>

<script type="text/javascript">

    function myFunction() {
        var loadFile=function(url,callback){
            JSZipUtils.getBinaryContent(url,callback);
        }
        loadFile("Letter.docx",function(err,content){
            if (err) { throw e};
            doc=new Docxgen(content);

            doc.setData(
                document.getElementById("text").innerHTML;
            );

            doc.render()
            out=doc.getZip().generate({type:"blob"})
            saveAs(out,"Letter - Updated.docx")
        });
    }
</script>

Answer 1

如果您的模板包含文本Hello {name}

您必须编写以下内容：

<p id="text">Some text</p>

<script type="text/javascript">

    function myFunction() {
        var loadFile=function(url,callback){
            JSZipUtils.getBinaryContent(url,callback);
        }
        loadFile("Letter.docx",function(err,content){
            if (err) { throw e};
            doc=new Docxgen(content);

            doc.setData({
                name: document.getElementById("text").innerHTML
            });

            doc.render()
            out=doc.getZip().generate({type:"blob"})
            saveAs(out,"Letter - Updated.docx")
        });
    }
</script>