WORD模板在线编辑、动态数据填充打的印完整开源方案及实现(二)Minio与OnlyOffice

docker环境安装一个minio，minio不是本章重点，就不提供细节了，大概过程参考【docker】【minio】
也可以用其他文件服务代替，只要能提供访问文件的url即可
【安装only office】或【参考这里】示例中我们把only ofice代理到http://localhost:800

要实现在线编辑word模板，首页要实现文件在线预览
预览是比较简单的，保证api.js和tmp.docx能访问即可配置项参考这里 https://api.onlyoffice.com/editors/config/

<script src="http://127.0.0.1:800/web-apps/apps/api/documents/api.js"></script>
<div id="ds_frame"></div>
<script>
// 编辑器配置项，完整配置项参见：http://api.onlyoffice.com/editors/config/
const editorConfig = {
  // 编辑器宽度，也可以设置成百分比，不过要父容器设定具体宽度
  width: 1200,
  // 编辑器高度
  height: 800,
  // 编辑器类型，支持 word、cell（表格）、slide（PPT）
  documentType: 'word',
  // 文档配置
  document: {
    // 当前文档类型
    fileType: 'docx',
    // 文档标识符
    key: 'test2.docx',
    // 文档地址，绝对路径
    url: 'http://../tmp.docx',
    // 文档标题
    title: '测试文档二.docx',
    // 权限，每个要打开的文档都可以设置独立的权限
    permissions: {
      // 启用评论
      comment: false,
      // 启用下载
      download: true,
      // 启用编辑
      edit: true,
      // 启用导出
      print: true,
      // 启用预览
      review: true
    }
  },
  editorConfig: {
    // 回调地址
    //callbackUrl: 'http://IP/api/v1/onlyoffice/callback',
    // 设置语言
    lang: 'zh-CN',
    // 添加用户信息
    user: {
      group: '技术部', id: 'al-01', name: '程序员'
    },
    // 模板列表
    templates: [],
    // customization 字段相关配置详解：http://api.onlyoffice.com/editors/config/editor/customization
    customization: {
      // 强制保存
      forcesave: true,
      features: {
        // 关闭拼写检查
        spellcheck: false
      }
    }
  }
}
var docEditor = new DocsAPI.DocEditor("ds_frame", editorConfig);
</script>

打开html后大概是这样

fileType支持类型:

csv, djvu, doc, docm, docx, docxf, dot, dotm, dotx, epub, fb2, fodp, fods, fodt, htm, html, mht, odp, ods, odt, oform, otp, ots, ott, oxps, pdf, pot, potm, potx, pps, ppsm, ppsx, ppt, pptm, pptx, rtf, txt, xls, xlsb, xlsm, xlsx, xlt, xltm, xltx, xml, xps

documentType支持类型:

word - 对应文件类型(doc, docm, docx, dot, dotm, dotx, epub, fb2, fodt, htm, html, mht, mhtml, odt, ott, rtf, stw, sxw, txt, wps, wpt, xml),
cell - 对应文件类型(csv, et, ett, fods, ods, ots, sxc, xls, xlsb, xlsm, xlsx, xlt, xltm, xltx, xml),
slide - 对应文件类型 (dps, dpt, fodp, odp, otp, pot, potm, potx, pps, ppsm, ppsx, ppt, pptm, pptx, sxi),
pdf - 对应文件类型 (djvu, docxf, oform, oxps, pdf, xps)

不对版本参数可能有区别如果提示类型不对(The "documentType" parameter for the config object is invalid. Please correct it.)，

根据fileType修改documentType

fileType:documentType
doc: word
docx: word
docm: word
docxf: word
dot: word
dotm: word
dotx: word
htm: word
html: word
mht: word
odt: word
oform: word
ott: word
rtf: word
epub: word
fodt: word
fb2: word
xml: word
oxps: word
djvu: word
xps: word
xls: spreadsheet
xlsx: spreadsheet
csv: spreadsheet
fods: spreadsheet
ods: spreadsheet
ots: spreadsheet
xlsb: spreadsheet
xlsm: spreadsheet
xlt: spreadsheet
xltm: spreadsheet
xltx: spreadsheet
ppt: ppt
pptx: ppt
fodp: ppt
odp: ppt
otp: ppt
pot: ppt
potm: ppt
potx: ppt
pps: ppt
ppsm: ppt
ppsx: ppt
pptm: ppt
txt: word
pdf: word
mp3: audio
wav: audio
wma: audio
mp2: audio
flac: audio
midi: audio
ra: audio
ape: audio
aac: audio
cda: audio
mov: audio
m4a: audio
opus: audio
wmv: video
asf: video
asx: video
rm: video
rmvb: video
mp4: video
3gp: video
mov: video
m4v: video
avi: video
dat: video
mkv: video
flv: video
vob: video
ogg: video
png: image
jpg: image
jpeg: image
webp: image
gif: image
ico: image

下一步【在线编辑与占位符】

Anyline Office

WORD模板在线编辑、动态数据填充打的印完整开源方案及实现(二)Minio与OnlyOffice