jquery word export 导出html内容无样式或无图片问题

最新推荐文章于 2024-07-01 16:39:22 发布

RunningOnMyWay

最新推荐文章于 2024-07-01 16:39:22 发布

阅读量6.7k

点赞数 4

分类专栏：前端文章标签： javascript js jquery html html导出word

本文链接：https://blog.csdn.net/weixin_43639981/article/details/107492220

版权

博客介绍了如何使用jQuery的jquery.wordexport插件将包含样式和图片的HTML内容导出到Word文档。关键在于修改源码以包含样式，并解决HTTPS图片无法导出的问题，通过转换图片链接为HTTP或Base64格式实现图片成功导出。

摘要由CSDN通过智能技术生成

1. 首先要准备好对应的js文件

jquery文件，FileSaver，以及主要的jquery.wordexport

<script type="text/javascript" src="/javascripts/common/jquery.min.js"></script>
  <script type="text/javascript" src="/javascripts/common/FileSaver.min.js"></script>
  <script type="text/javascript" src="/javascripts/common/jquery.wordexport.js"></script>

2. 如何将样式一起导出

在jquery.wordexport.js源码中找到styles并赋值(将用到的样式类进行赋值)

  //TODO: load css from included stylesheet
            var styles = style

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

RunningOnMyWay

关注关注

4
点赞
踩
12

收藏

觉得还不错? 一键收藏
104
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

jquery导出word(支持图片导出)

07-13

亲测可用，jquery导出word 支持html,图片等格式。注：导出内容若包含图片则图片必须给个唯一的id

jquery word export 导出html内容(包括图片)

12-03

一个示例测试页面导出页面内容为word文件，使用chrome浏览器以及wps打开测试目前未发现问题；内部包含了修改后的jquery-word的js文件

104 条评论您还未登录，请先登录后发表或查看评论

关于前端导出word文档踩到的坑

最新发布

m0_46423771的博客

07-01

467

2、导出的多选框，如果是使用原生的input设置type为checkbox的话，导出在表格中的多选框总是比文字高十几px，且在表格内的td标签中的内容，设置任何样式都不生效。1、导出的表格中的图片，如果是小尺寸的图片，则导出到页面上样式正常，如果是大尺寸的图片，则图片会放大到原始尺寸，撑到整个表格处于变形的状态。解决：必须使用img标签的自带自带属性width和height来设定图片的宽高，如果是用class或者行内样式style，都不起作用。这个方法终于解决了这个问题。

记录前端导出word 本地图片不显示问题

qq_45465689的博客

01-05

1663

导出方法一： jquery.wordexport 可以做导出word（也可以导出html，把源码里面的doc换成html）导出方法二：借助HTML5 Blob 可以做导出word 出现问题外部链接图片可以导出，本地图片导出不显示？经过一系列查阅资料，发现下载的word 显示图片是需要请求链接的，当把服务器关闭时，外部链接的图片也不会显示。解决方案：把生成的base64 发给后端，然后返回一个链接，与后台测试这样导出是可以显示，但经理要求纯前端，所以这需求就删掉了。如果..

使用jquery.wordexport.js导出word文档设置行间距不生效问题

weixin_41634885的博客

10-12

1655

在使用jquery.wordexport.js导出word文档时在js里设置的style margin-top不生效生成的doc还是没有行间距一通百度后发现没用解决方法后来发现有位博主说可以先把生成的doc转成html看看是什么样式的于是灵机一动在生成的doc中敲入两行空格再另存为html文件然后在看那个空格代码为 <p class="MsoNormal" align="center" style="margin-bottom:0.0000pt;ms...

html导出word样式失效_java 导出并下载带有图片的word

weixin_31458459的博客

12-12

1424

一般的导出,不对图片进行处理的话,下载后图片由于访问问题不能在word(尤其是office)中正常显示.所以导出时最好将图片转成base64,将base64的图片放到word中再导出即可;此处记录下工作中的导出方式,以备后用;为达到导出带有样式格式的文本如:目标word有以下三步来实现:1.用html实现上面的样式:其中标红的地方是需要用数据替换的内容,可以理解为占位符;2.提前整理需要的数据结构...

html导出word样式失效_认识Markdown，在Word中优雅地写作……

weixin_33254139的博客

12-12

500

在电脑上码字，比起在纸上写字，或者是用打字机打字，其核心的优势有以下三点(大家可以继续总结，比如复制粘贴等等，但我认为这三点比较重要)：便于复制。电脑上处理的文字可以反复打印或是复制文件。便于修改。写的字或打字机打的字，一旦有错，改起来麻烦。在电脑上修改可以不留痕迹(反过来也是缺点)。添加更多的文字格式。上述三点中，第三点是一把双刃剑。很多电脑用户始终走不出“初学者圈”，使用类似Word...

jquery页面导出word

05-22

在网页开发中，有时我们需要将页面内容以Word文档的形式导出，方便用户保存或打印。jQuery作为一款广泛使用的JavaScript库，提供了丰富的插件来帮助开发者实现这样的功能。本篇文章将详细探讨如何使用jQuery插件来...

网页文字导出word文档格式jquery.wordexport插件

06-10

网页文字导出Word文档是许多网站开发者经常遇到的需求，特别是在数据报告、文章分享或内容下载等场景。jQuery是一个广泛使用的JavaScript库，它简化了HTML DOM操作、事件处理以及动画效果。`jquery.wordexport`插件...

使用jquery [ tableExport ]导出excel、pdf、图片等

qq_37730370的博客

08-08

2156

可以下载 tableExport.min.js 下载插件tableExport地址：https://github.com/hhurz/tableExport.jquery.plugin 导出excel(xls格式) 引入下载的插件  <script src="plugin/jquery-1.11....

js把word转成html

06-01

js把word转成html js把word转成html js把word转成html js把word转成html

Node.js-一个使用node将word转成html的小工具

08-09

使用 koa 写了一个小网站，上传 word 文档即可将 word 转成 html，并且有可编辑 html。编辑好了之后只需要点击上传就能将 html 生成访问链接

jQuery插件将HTML和图片输出到一个MicrosoftWord文档中

08-11

jQuery Word Export是一款可以将网页中的文字导出到微软Word文档中的jQuery插件。它通过FileSaver.js文件来在客户端使用HTML5 localStorage来存储文件。

jquery插件导出word，可分纸张和对开

06-08

jquery导出word，利用jquery.wordexport.js，可导出设置纸张大小和分栏

CSS继承与层叠案例

kiss_scarecrow的博客

10-15

256

样式表的继承规则是子标记继承父标记的样式。 div{color:blue;font-weight:bold;} 继承标记div的样式 CSS规定样式的优先级(从高到低)如下：行内样式﹥ id样式﹥类样式﹥ 标记样式案例:edu_7_3_1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g

js实现word转换为html

故里的博客

09-22

2243

前言最近接到一个需求，实现上传一个word文档，然后将该word转换成html丢给服务端存上。进行技术调研后发现有三种方法可以实现这个功能：ActiveXObject、docx2html、mammoth。 IE的 ActiveXObject var oWordApp=new ActiveXObject("Word.Application"); var oDocument=oWordApp.Documents.Open("C://test.doc"); ...

js实现word转成html

xshf12345的专栏

10-09

1924

<br /><HTML> <br /> <HEAD> <br /> <TITLE>WalkingPoison's Word-to-HTML sample</TITLE> <br /> <script language=javascript> <br /> function saveword() <br /> { <br /> var oWordApp=new

解决php导出Word后页面视图和样式问题

weixin_30443895的博客

07-01

601

在这篇文章中主要解决两个问题： 1：在php中如何把html中的内容生成到word文档中 2：php把html中的内容生成到word文档中时，不居中显示问题，即会默认按照web视图进行显示。 3：php把html中的内容生成到word文档中时，相关样式不兼容问题正文： echo '<html xmlns:o="urn:schemas-microsoft-c...