web端编辑offce文档 OnlyOffice 免费

有网情况下可以直接调用微软api：http://view.officeapps.live.com/op/view.aspx?src=需要编辑的文档地址

在没有联网情况下使用OnlyOffice：
参考地址：https://www.cnblogs.com/ken-lk/p/14759916.html
官网地址：https://helpcenter.onlyoffice.com/installation/docs-community-install-docker.aspx
前端api地址：https://api.onlyoffice.com/editors/advanced

1、在index.html中引入api.js：

// 此js文件要放入服务端 需要后端配合

2、vue页面中：

3、引入的方法

export function handleDocType(fileType) {
    let docType = '';
    let fileTypesDoc = [
      'doc', 'docm', 'docx', 'dot', 'dotm', 'dotx', 'epub', 'fodt', 'htm', 'html', 'mht', 'odt', 'ott', 'pdf', 'rtf', 'txt', 'djvu', 'xps'
    ];
    let fileTypesCsv = [
      'csv', 'fods', 'ods', 'ots', 'xls', 'xlsm', 'xlsx', 'xlt', 'xltm', 'xltx'
    ];
    let fileTypesPPt = [
      'fodp', 'odp', 'otp', 'pot', 'potm', 'potx', 'pps', 'ppsm', 'ppsx', 'ppt', 'pptm', 'pptx'
    ];
    if (fileTypesDoc.includes(fileType)) {
      docType = 'text'
    }
    if (fileTypesCsv.includes(fileType)) {
      docType = 'spreadsheet'
    }
    if (fileTypesPPt.includes(fileType)) {
      docType = 'presentation'
    }
    return docType;
  }