当前位置:首页 » 网页前端 » 前端页面元素导出word
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端页面元素导出word

发布时间: 2023-03-30 20:44:54

Ⅰ 如何把页面内容导出为word (Java)

目前主要是OFFICE03和07,都支持打开HTML格式的文档的,这个方法应该可行.
另外OFFICE源码是不公开的,所以不可能纯靠自己程序生成DOC,还是要靠OFFICE

Ⅱ 纯前端导出word(含echarts)

解决的是导出含有echarts的页面为word文档,需要考虑echarts图表的大小,采用的是设置角度解析器来预设置图片宽高,也考虑到多图导出问题,下面是我的解决过程

   建立一个word.js,内容如下

不知道模板文件如何导入或导入错误,JszipUtils.getBinaryContent(fileDocx, function(err, res) {})时,不知道这个fileDocx模板文件放在哪里,然后出现引入路径错误

Error: Can't find end of central directory : is this a zip file?

在使用vue-cli2时,我们需要把模板文件放到static目录下

在使用vue-cli3时,我们需要把模板文件放在public目录下

然后当config中的publicPath是'./'时,直接传入文件名就好,如

JszipUtils.getBinaryContent('template.docx', function(err, res) {})

当config中的publicPath是 ‘/’时,则需要../一层层到相应位置,要特别注意省去public目录,如

JszipUtils.getBinaryContent('../../template.docx', function(err, res) {})

我的环境是vue-cli3,然后再public目录下建立word文件夹存放模板文件weektmp.docx

Ⅲ HTML怎么导出生成word文档

1、保存网页
在浏览器中访问目标网页,执行菜单“文件”→“另存为”,文件类型选择“网页,全部”。
2、用WPS文字打开html文件
执行“文件”→“打开”,文件类型选择“网页文件”或“所有文件”,以打开刚才下载得到的《[征稿八]怎样用WPS制作PDF》html文件。
3、去掉不需要的部分
注:表格形式出现的正文,可以选中后执行“表格”→“转换”→“表格转换为文本”去除表格外框。
4、最后另存为WPS文档或WORD文档即可。

Ⅳ 用JavaScript导出当前页面的word文档怎么做

具体方法如绝桐乱下:
<HTML>
<HEAD>
<title>WEB页面导出为EXCEL文档的方法
</title>
</HEAD>
<body>
<BR>
<table id = "PrintA" width="100%" border="1" cellspacing="0"
cellpadding="0" bgcolor = "#61FF13">
<TR style="text-align : center;">
<TD>单元格A</TD>
<TD>单元格轮笑A</TD>
<TD>单元格A</TD>
<TD>单元格A</TD>
</TR>
<TR>
<TD colSpan=4 style="text-align : center;">
<font color="BLUE" face="Verdana">单元格合并行A</FONT>
</TD>
</TR>
</TABLE>
<BR>
<table id="PrintB" width="100%" border="1" cellspacing="0"
cellpadding="0">
<TR style="text-align : center;">
<TD>单元格B</TD>
<TD>单元格B</TD>
<TD>单元格B</TD>
<TD>单元格B</TD>
</TR>
<TR>
<TD colSpan=4 style="text-align : center;">单元格合并行B</TD>
</TR>
</TABLE>
<br><br><br>
<input type="button" onclick="javascript:AllAreaWord();"
value="导出页面指定区域内容到Word">
<input type="button" onclick="javascript:AllAreaExcel();"
value="导出页面并档指定区域内容到Excel">
<input type="button" onclick="javascript:CellAreaExcel();"
value="导出表单单元格内容到Excel">
<SCRIPT LANGUAGE="javascript">
//指定页面区域内容导入Excel
function AllAreaExcel()
{
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var sel=document.body.createTextRange();
sel.moveToElementText(PrintA);
sel.select();
sel.execCommand("Copy");
oSheet.Paste();
oXL.Visible = true;
}
//指定页面区域“单元格”内容导入Excel
function CellAreaExcel()
{
var oXL = new ActiveXObject("Excel.Application");
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;
var Lenr = PrintA.rows.length;
for (i=0;i<Lenr;i++)
{
var Lenc = PrintA.rows(i).cells.length;
for (j=0;j<Lenc;j++)
{
oSheet.Cells(i+1,j+1).value = PrintA.rows(i).cells(j).innerText;
}
}
oXL.Visible = true;
}

//指定页面区域内容导入Word
function AllAreaWord()
{
var oWD = new ActiveXObject("Word.Application");
var oDC = oWD.Documents.Add("",0,1);
var oRange =oDC.Range(0,1);
var sel = document.body.createTextRange();
sel.moveToElementText(PrintA);
sel.select();
sel.execCommand("Copy");
oRange.Paste();
oWD.Application.Visible = true;
//window.close();
}
</SCRIPT>
</body>
</html>

Ⅳ 如何将网页上的内容转换成word文档

方法如下

1、打开手机的文件管理,点击文档。

小技巧

Word中巧输星期

单击“格式→项目符号和编号”,进入“编号”选项卡,单击“自定义”按钮,裤丛在“编号样式”栏内选择“一、二、三”等样式,在“编号格式”栏内的“一”前输入“星期”即可。

粘贴网页内容

在Word中粘贴网页,只须在网页中复制内容,切换到Word中,单击“粘贴”按钮,网页中所有内容就会原样复制到Word中胡哪樱,这时在复制内容的右下角会出现一个“粘贴选项”按钮,单击按钮右侧的黑三角符缓带号,弹出一个菜单,选择“仅保留文本”即可。

Ⅵ 前端导出word文档(基于vue)

工作中经常会遇到根据不同数据导出文档的情况,现在我们就来看一下基于 docxtemplater 来导出word文档的方法,使用起来非常便捷。

下面简单介绍一下这几个插件的功能:

下面列出几中常见的 docxtemplater 语法

word模板文件中语法:

word模板文件中语法:

word模板文件中语法:

word模板文件中语法:

在这里关于模板文件的路径 tempDocxPath 我们要着重说一下。
在使用的过程中应该有不少人会遇到这种报错: Can't find end of central directory : is this a zip file ?

那这到底是什么原因导致的呢?
获得模板文件的二进制内容的方法,JSZipUtils.getBinaryContent(path, option) 提供path和option两个参数。我们来看一下path,前端开发最首先想到的可能是绝对路径或者相对路径,你可能还会用到@这个符号作为根目录使用,但在这里你显然不能这么用。