word转富文本字符串

小彭的前端成长日记丶

已于 2024-07-19 18:06:59 修改

阅读量278

点赞数 2

文章标签： javascript 开发语言 ecmascript

于 2024-07-12 10:41:12 首次发布

本文链接：https://blog.csdn.net/qq_60248719/article/details/140372608

版权

公司有个需求，把协议放在后台然后前台调接口渲染，产品就丢给我一个word文件，本来准备粘到富文本编辑器里面的但是系统后台居然没用到富文本，自己弄个demo感觉有点重，问了下AI知道了Mammoth.js这个库。特此记录一下

import { convertToHtml } from 'mammoth'
function getDocx(e) {
  const file = e.target.files[0]
  let reader = new FileReader()
  reader.readAsArrayBuffer(file)
  reader.onload = function() {
    let arrayBuffer = reader.result;
    convertToHtml({arrayBuffer: arrayBuffer}).then(({value}) => {
      if(copy.value) {
        navigator.clipboard.writeText(value)
      }
      content.value = value; // The generated HTML
    }).catch(function(error) {
      console.log("Error converting .docx to HTML:", error);
    });
  };
}