vue如何把html转换word,vue导出html、word和pdf的实现代码

X-Find迅聘选才

return html;

}

导出的样式js文件：

.page_layout {

position: relative;

height: 100%;

display: flex;

& .layout_content {

flex-grow: 1;

display: flex;

flex-direction: column;

}

...

2、导出Word

1)使用上面构造好的html文本，以文件流的形式发送到后台，后台通过转换得到word流传给前端并下载

{

console.log('download res',res);

//通过后台返回的word文件流设置文件名并下载

var blob = new Blob([res.data],{ type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8'}); //application/vnd.openxmlformats-officedocument.wordprocessingml.document这里表示doc类型

var downloadElement = document.createElement('a');

var href = window.URL.createObjectURL(blob); //创建下载的链接

downloadElement.href = href

vue如何把html转换word,vue导出html、word和pdf的实现代码相关推荐

php导出页面word,php导出生成word的方法_PHP
php导出生成word的方法_PHP 本文实例讲述了php导出生成word的方法.分享给大家供大家参考,具体如下: PHP导出word (1)首先,预览html页面,示例化对象,定义要导出的数据(2) ...
php完美导出word,php导出生成word的方法
本文实例讲述了php导出生成word的方法.分享给大家供大家参考,具体如下: PHP导出word (1)首先,预览html页面,示例化对象,定义要导出的数据 (2)点击下载页面,给id传值(任何值均可 ...
freemarker根据word模板导出动态word（Excel模板导出Excel）
1.创建word模板将需要替换的位置用"${}"代替,如下图: 2.将做好的模板文件保存为xml文件 3.打开xml文件,查看"${unitName}"是否在 ...
Vue中手动导出Element表格为pdf/word/excel格式
在vue中将element的表格进行导出为pdf/word/excel样式,需要进行一些处理,比较麻烦网页样式导出为表格导出为word 导出为PDF 一.编写工具函数和前置对element样式的 ...
富文本编辑器(html格式)导出为word（vue实现）
纯Vue实现将多个富文本编辑器内容[html格式]统一导出为word 一.vue需要导入的包二.制作html的格式 1. 为了方便,先用word制作成对应的导出样式,然后通过word导出为html格 ...
[vue] html导出到word ，使用 htmlDocx FileSaver
npm install html-docx-js -S npm install file-saver -S file-saver是用来保存文件的,也是必须安装的. import FileSaver f ...
将vue页面文本导出到word,并设置页眉页脚，分页打印相关讲解--高级版
需求: 将以下内容导出到word,并设置页眉页脚,页码以及导出时间,且时间.页码加粗处理:每一个明细各占一页,且不能有空白页出现. 最终效果展示: 代码展示及讲解: <template>& ...
vue中html导出到word
最新项目要实现个需求,数据导出到word格式的文档,所以就上github上找点思路,一看就发现了一个https://github.com/evidenceprime/html-docx-js,但是现在 ...
预览word，excel，ppt，pdf、图片————使用vue实现
预览word,excel,ppt,pdf.图片----使用vue实现需要下载的依赖: template模板实现: 方法的实现: 需要下载的依赖: npm i xlsx // 预览excel插件 np ...
Vue 如何将网页转换成PDF实现步骤以及问题解决：
实现步骤:(只想了解vue实现的不用看方法一,直接看二) 方法1: 使用node.js和puppeteer(谷歌自动检测工具),由于第一种尝试结果不太理想,所以我直接粗略讲解:(原代码实现如下,依赖包 ...

vue如何把html转换word,vue导出html、word和pdf的实现代码

vue如何把html转换word,vue导出html、word和pdf的实现代码相关推荐

最新文章

热门文章