1 mammoth
先找的是mammoth
这个插件yarn add mammoth
,版本是1,7.0
参考网上的示例使用如下:
import mammoth from "mammoth";
const vHtml = ref("")
const readExcelFromRemoteFile = (url) =>{
var xhr = new XMLHttpRequest();
xhr.open("get", url, true);
xhr.responseType = "arraybuffer";
xhr.onload = function () {
if (xhr.status == 200) {
mammoth.convertToHtml({ arrayBuffer: new Uint8Array(xhr.response) })
.then(function (resultObject) {
nextTick(() => {
// document.querySelector("#wordView").innerHTML =
// resultObject.value;
vHtml.value = resultObject.value;
});
});
}
};
xhr.send();
}
在word中设置的样式是
因为这个图片是做了文字环绕,因此他识别不了.
在网页端显示的如下面:
待补充其他的在线word预览组件