开发文档Umo Office Viewer配置项

配置选项

用于配置 Umo Office Viewer 插件的显示和行为。Umo Office Viewer 需要和 Umo Office Convert 一起搭配完成文档预览。

默认配置

{
  lang: 'zh-CN',
  theme: 'light',
  title: undefined,
  meta: [],
  showHeader: true,
  showMenu: true,
  showAside: false,
  downloadable: true,
  exportable: true,
  printable: true,
  closeable: false,
  serverUrl: undefined,
  fileId: undefined,
  fileUrl: undefined,
  shareUrl: undefined,
  multiPage: false,
  fitWidth: false,
  watermark: {
    text: '',
    columns: 4,
    rows: 4,
    color: 'rgba(0, 0, 0, 0.2)',
    rotation: 30,
    fontSize: 12 * window.devicePixelRatio
  },
  needPassword: false,
  onClose: undefined,
  onValidatePassword: undefined
}

配置项说明

lang

说明:显示语言,可通过 setLocale 方法动态切换。

类型String

默认值'zh-CN'

可选值'zh-CN''en-US'

theme

说明:主题模式,auto 将根据系统深浅色自动切换。

类型String

默认值'light'

可选值'light''dark''auto'

title

说明:文档标题,必须包含文件后缀名(如 .docx.xlsx.pptx 等)。在标题栏显示,同时用于下载、导出的文件名。

类型String

默认值''

是否必填:是

meta

说明:文档元信息,在侧边栏信息面板展示。

类型Array<{ label: String; content: any }>

默认值[]

showHeader

说明:是否显示标题栏,您可以使用此配置项隐藏标题栏。

类型Boolean

默认值true

可选值truefalse

showMenu

说明:是否显示标题栏菜单(信息、下载、导出、打印、分享等),您可以使用此配置项功能菜单。

类型Boolean

默认值true

可选值truefalse

showAside

说明:默认是否显示侧边栏(信息、缩略图),可用 openAside('info'|'thumbs') 方法动态打开,用户也可手动打开。

类型Boolean

默认值false

可选值truefalse

downloadable

说明:是否允许下载原始文档。

类型Boolean

默认值true

可选值truefalse

exportable

说明:是否允许用户将预览文档导出为 PDF 文档。

类型Boolean

默认值true

可选值truefalse

printable

说明:是否允许用户打印文档。

类型Boolean

默认值true

可选值truefalse

closeable

说明:是否显示关闭按钮,点击将触发 onClose 回调与 closed 事件,如果在弹框中预览文档,可利用这一选项进行关闭弹框等。

类型Boolean

默认值false

可选值truefalse

serverUrl

说明Umo Office Convert服务的 URL 地址,例如: http://127.0.0.1:1236

类型String

默认值undefined

是否必填

fileId

说明:文件 ID,即任务 ID,配置该项可直接从Umo Office Convert服务中获取已转换完成的文件,而不经过转换服务,极大提高加载速度,减少服务器资源消耗。

类型String

默认值undefined

是否必填fileIdfileUrl 至少配置一项

fileUrl

说明:要预览的文件地址 URL。

类型String

默认值undefined

是否必填fileIdfileUrl 至少配置一项

shareUrl

说明:分享链接,配置后菜单中显示”分享”入口,用户可将配置的链接分享给其他用户或者嵌入到其他页面。

类型String

默认值undefined

multiPage

说明:默认是否开启多页模式,false 为横向单列,true 为横向多列。

类型Boolean

默认值false

可选值truefalse

fitWidth

说明:页面大小是否自适应容器宽度(内部计算缩放)。

类型Boolean

默认值false

可选值truefalse

watermark

说明:水印设置,您也可以通过 setWatermark 方法来动态设置或修改页面水印。更多说明见:水印与密码

类型Object

配置项

  • textString,水印内容,建议不超过 30 个字符。
  • columnsNumber,水印列数,默认值为 4
  • rowsNumber,水印行数,默认值为 4
  • colorString,字体颜色,默认值为 'rgba(0, 0, 0, 0.2)',可选值为合法的 CSS 颜色值。
  • rotationNumber,旋转角度,默认值为 30
  • fontSizeNumber,字体大小,默认值为 12 * window.devicePixelRatio,单位为 px。

needPassword

说明:是否需要密码才能预览。更多说明见:水印与密码

类型Boolean

默认值false

可选值truefalse

onClose

说明:关闭按钮点击时调用的回调函数,在配置了 closeabletrue 时,必须配置此选项。

类型Function

默认值undefined

onValidatePassword

说明:密码校验逻辑回调函数,在配置了 needPasswordtrue 时,必须配置此选项。更多说明见:水印与密码

类型Function

默认值undefined