vue使用docxtemplater导出word实现使用textarea输入的内容换行
vue使用docxtemplater导出word实现使用textarea输入的内容换行
·
注:本文只做导出word并且换行操作,不做vue引入docxtemplater步骤
先看一下实现效果
这是文本域输入的

这是导出来的结果
可以看出来导出来的结果也是换行的呢
接下来我们手摸手操作一下流程
首先咱们捋一捋思路
- 知道文本域的换行的换行标识符,我们发现文本域的换行字符为 \n

- 导出的时候拿到文本域的数据用split给数据分割一下,转为数组
- 把这个数组在word模版中做一个循环
- 然后看导出的word是否换行
这下我们思路已经清楚,接下来我们对着键盘敲敲打打
数据处理
//导出的时候给数据做处理
let data = {content = this.textarea.split('\n')} // \n分割
exportWord("./换行模板.docx", data, "内容换行.docx");
word模版处理

这是 docxtemplater的循环数据 因为我们分割后成数据 数组成员分割了一个 \n 成员有多个
{#content} // 循环开始
{.} // 数组每个成员的内容
{/content} // 循环结尾
最后导出效果就是文章开头的效果
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)