html导出word、excel文档插件jquery.wordexport
html导出word、excel文档插件jquery.wordexport,可以将html内的元素导出为word文档 excel文档 甚至html文档等
使用方式:
第一步引入bfwone 加载依赖项jquery
第二步use插件
第三步配置参数
var data = { fileName: "测试文档", //文档名 fileType: ".xls", //文档类型 经测试 可以doc xls html 其他的自己去试 isHeader: true, //是否显示页眉 *xls 不要设置页眉页脚 改为false isFooter: true, //是否显示页脚 *xls 不要设置页眉页脚 改为false header: "测试页眉", //页眉标题 styles: $("#wordExPortCss"), //要导出的内容style updateExportCss: $("#updateExportCss") //需要修改导出的word样式 宽度高度 margin之类的 }
代理示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BFW NEW PAGE</title> <script id="bfwone" data="dep=jquery.17|filesaver&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script> <script type="text/javascript"> bready(function() { use(["jquery.wordexport"], function() { $("a.word-export").click(function (event) { var data = { fileName: "测试文档", //文档名 fileType: ".xls", //文档类型 经测试 可以doc xls html 其他的自己去试 isHeader: true, //是否显示页眉 *xls 不要设置页眉页脚 改为false isFooter: true, //是否显示页脚 *xls 不要设置页眉页脚 改为false header: "测试页眉", //页眉标题 styles: $("#wordExPortCss"), //要导出的内容style updateExportCss: $("#updateExportCss")//需要修改导出的word样式 宽度高度 margin之类的 } $("#page-content").wordExport(data); }); }); }); </script> <style> </style> </head> <body> <h3 style="text-align: center;margin:50px;"><a class="word-export" href="javascript:void(0)"> 导出xls </a></h3> <div id="page-content"> <table> <thead> <th>姓名</th> <th>电话</th> <th>地址</th> <th>邮箱</th> <th>订单号</th> </thead> <tr class=""> <td class="redCorlor">标题1标题1标题1标题1标题1标题1标题1标题1标题1</td> <td>标题2标题2标题2标题2标题2标题2标题2标题2标题2标题2标题2标题2标题2</td> <td>标题2标题2标题2标题2标题2标题2标题2标题2标题2标题2</td> <td>标题2标题2标题2标题2标题2标题2标题2标题2标题2标题2标题2</td> <td>标题5标题5标题5标题5标题5标题5标题5标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr class="bgColor"> <td class="redCorlor">标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr class="bgColor"> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td class="redCorlor">标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr class="bgColor"> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td class="redCorlor">标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td class="redCorlor">标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td class="redCorlor">标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> <tr> <td>标题1</td> <td>标题2</td> <td>标题3</td> <td>标题4</td> <td>标题5</td> </tr> </table> </div> </body> <style type="text/css" id="wordExPortCss"> .redCorlor { color: red } table { border-collapse: collapse; margin: 0 auto; text-align: center; font-size: 12px; width: 1200px; } td { height: 50px; border: 1px solid blue; font-family: 宋体; font-weight: bold; } .bgColor { background: red } </style> <style type="text/css" id="updateExportCss"> @page WordSection { size: 1260px 500px;/*宽高*/ margin: 30px;/*边距*/ mso-header-margin: 20px;/*页眉距*/ mso-footer-margin: 20px;/*页脚距*/ } </style> </body> </html>
- jquery.terminal是一个终端模拟器插件
- js在线代码编辑器富文本编辑器codemirror
- 浏览器中运行的命令行终端插件xterm.js
- html导出word、excel文档插件jquery.wordexport
- jTopo是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包
- howler.js是一款兼容所有浏览器的音频库插件
- simple-mask-money是一款input金额格式化输入插件
- raindrops.js一款水滴涟漪动画效果的jquery.ui插件
- moment一款js日期处理类库,用于解析、检验、操作、以及显示日期
- wheelnav.js 是一个基于 SVG 的捕获鼠标滚动的动态导航菜单组件
- 在线html代码运行IDE
- 在线F#语言代码运行WEBIDE
- 在线SQL代码运行WEBIDE
- 在线Julia代码运行WEBIDE
- 在线Ruby代码运行WEBIDE
- 在线Kotlin代码运行WEBIDE
- 在线Dart代码运行WEBIDE
- 在线Groovy代码运行WEBIDE
- 在线R代码运行WEBIDE
- 在线D语言代码运行WEBIDE
- 在线typescript代码运行WEBIDE
- 在线c++代码运行WEBIDE
- 在线c代码运行IDE
- 在线c#代码运行IDE
- 在线go代码运行IDE
- 在线python代码运行IDE
- 在线php代码运行IDE
- 在线java代码运行IDE
- 在线http api调试及api文档工具
- 在线vb代码运行WEBIDE
- 在线Perl代码运行WEBIDE
- 在线Lua代码运行WEBIDE
- 在线Lisp代码运行WEBIDE
- 在线Haskell代码运行WEBIDE
- 在线Cobol代码运行WEBIDE
- 在线Elixir代码运行WEBIDE
- 在线Ada代码运行WEBIDE
- 在线Bash代码运行WEBIDE
- 在线Fortran代码运行WEBIDE
- 在线Clojure代码运行WEBIDE
- 在线Pascal代码运行WEBIDE
- 在线Vala代码运行WEBIDE
- 在线Ocaml代码运行WEBIDE
- 在线汇编代码运行WEBIDE
- 在线Object C代码运行WEBIDE
- 在线Scala代码运行WEBIDE
- 在线Swift代码运行WEBIDE
- 在线Erlang代码运行WEBIDE
- 在线时间戳转换工具
- 在线打开sqlite数据库工具
- 在线正则匹配工具
- 所有pc及移动设备浏览器user-agent
- 在线便签记事本工具
- emmet语法指南手册
- 在线扫描主机端口是否开放工具
- 在线流程图制作工具
- 在线获得本机ip地址工具
- 在线数字转中文大写金额工具
- 在线文字转声音下载工具
- 在线思维导图制作工具
- 在线ip地址转换工具
- 在线格式化json数据工具
- 在线svg转base64工具
- 在线打开预览pdf转图片下载工具
- 在线icon生成工具
- 在线图片裁剪工具
- 在线ps图像处理工具
- 在线图片base64工具
- 在线图片转svg工具
- 在线svg转图片工具
- 在线生成二维码工具
- 在线二维码识别工具
- 在线图片压缩工具
- 在线gif分解拆分图片工具
- 在线判断图片是否ps过工具
- 清除html标签转换成纯文本工具
- 在线html属性清除工具
- 在线RSA非对称加密工具
- 在线MD5 SHA1 AES加密工具
- 在线bootstrap拖拽生成网页工具
- 在线xmind思维导图工具
- 在线SVG图形绘制工具
- 在线bootstrap模块化精美网页设计工具
- 在线拖拽生成网页工具
- 在线流程图拓扑图绘制工具
- 在线文本对比工具
- 网页设计师配色表
- 在线颜色转换工具
- 在线less转css工具
- 在线css格式化压缩工具
- 在线html、js格式化压缩混淆工具
- 在线字符转hex互转工具
- 在线进制转换工具
- 在线html代码转义工具
- 在线汉字转拼音工具
- 在线中文与Unicode转换工具
- 在线中文转Ascii工具
- 在线中文转UTF-8工具
- 在线URL编码解码工具
- 所有http状态码解释
- html特殊字符表在线工具
网友评论0