提示:js 预览 word docx 文档,更推荐使用docx-preview.js,效果更好 ,mammoth.js效果差一些

在浏览器中预览 word docx 文档示例 demo

mammoth.js 可以把 word .docx 文档转换成HTML、文本格式、Markdown格式。
通过 mammoth.js 把 word 转换为HTML的功能,也能实现在浏览器中直接在线预览 .docx 文档。
mammoth.js 在浏览器环境、Node.js都可以使用。
你可以在浏览器开发工具中查看 mammoth.js 解析 Word docx 文件的耗时、性能的详细信息。

mammoth.js在网页中渲染 word docx 文档示例 demo

Version: v1.4.8
Github: https://github.com/mwilliamson/mammoth.js
NPM: https://www.npmjs.com/package/mammoth
CDN: https://cdn.jsdelivr.net/npm/mammoth@1.4.8/mammoth.browser.min.js

快速试用

选择一个 Word docx 文件,马上能看到预览结果:
HTML:
Text:
 
Markdown:

使用方法:

  // <input type="file" onchange="parseWordDocxFile(this)">
  function parseWordDocxFile(inputElement) {
    var files = inputElement.files || [];
    if (!files.length) return;
    var file = files[0];

    console.time();
    var reader = new FileReader();
    reader.onloadend = function(event) {
      var arrayBuffer = reader.result;
      // debugger

      mammoth.convertToHtml({arrayBuffer: arrayBuffer}).then(function (resultObject) {
        result1.innerHTML = resultObject.value
        console.log(resultObject.value)
      })
      console.timeEnd();

      mammoth.extractRawText({arrayBuffer: arrayBuffer}).then(function (resultObject) {
        result2.innerHTML = resultObject.value
        console.log(resultObject.value)
      })

      mammoth.convertToMarkdown({arrayBuffer: arrayBuffer}).then(function (resultObject) {
        result3.innerHTML = resultObject.value
        console.log(resultObject.value)
      })
    };
    reader.readAsArrayBuffer(file);
  }




相关主题

如何在浏览器中渲染word docx文档
js在网页中渲染word文档
怎样在浏览器中预览 word .docx 文档
在浏览器里怎样预览显示word文档内容
JS在线预览word docx文档文件
在网页里面怎样预览word docx的内容
把word docx转换成网页显示
HTML5 预览office word文档内容
javascript怎样读取word docx文件
word .docx 转换成 html
word doc 转换成txt文本文件
word .docx 转换为Markdown格式
javascript解析word docx 文档文件
how to preview word .docx file in web browser
js parse word .docx file
word convert to html
word convert to text
word convert to Markdown
.docx 转换 .html
.docx 转换 .txt
.doc 转换 .md
javascript word docx
docx js 开源库
word js 框架
mammoth.js demo 例子示例
mammoth.js 入门教程