js教程

利用wordexport插件将内容转换word文档教程

我的站长站 2022-05-02 人阅读

1、首先下载wordexport的js,下载地址:

https://GitHub.com/eligrey/FileSaver.js/

https://github.com/markswindoll/jQuery-Word-Export

2、然后在需要转换的页面引入jquery 和FileSaver.js

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

3、在需要转换的内容的DIV上加上ID

<div id="export-content">Your content here</div>

4、创建一个导出的按钮例如:

<a class="btn jquery-word-export" href="javascript:void(0)">导出为.doc文档</a>

5、最后加上事件js代码

<script type="text/javascript">
jQuery(document).ready(function($) {
    $("a.jquery-word-export").click(function(event) {
        $("#pagecontent").wordExport();
    });
});
</script>


最新更新
  • js截取字符串教程

    slice()方法接受两个参数,起始索引和结束索引(可选)。它返回从起始索引到结束索引(不包括结束索引)之间的子字符...

    js教程 3个月前
  • find findIndex indexOf索引选择器使用方法

    find使用方法find方法是ES6引入的一种数组方法,可以用来查找数组中符合条件的元素。语法是:array.find(callba...

    js教程 3个月前
  • js复制网页内容教程

    Async Clipboard API方法HTML5新增的方法,无需引入第三方插件,直接就可以复制内容。低版本的浏览器可能会不兼...

    js教程 3个月前
  • js获取字符长度函数分享

    js获取字符长度函数function objLen(str) { if (str == null) return 0; if (typeof str != "string") { ...

    js教程 3个月前
  • 网站LED跑马灯效果广告代码

    网站可以看到很多的论坛网站都会用到这种网站LED跑马灯效果,这种效果实现也很简单,分享给大家。LED跑马灯效果...

    js教程 4个月前