初始化配置项 #

const jssdk = WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  mode: 'simple'
})

WebOfficeSDK.init({
  // 必填项
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  // 可选项
  cooperUserAttribute: {
    isCooperUsersAvatarVisible: true, // 是否显示协作用户头像
    cooperUsersColor: [
      {
        userId: 'xxx', // 用户 id
        color: '#F65B90' // 用户光标颜色
      }
    ]
  }
})

await instance.setCooperUserColor([
  {
    userId: 'xxx', // 用户 id
    color: 'red' // 用户光标颜色
  }
])

// 获取系统剪切板数据函数
const getClipboardData = () => {
  // 自身业务处理……

  return Promise.resolve({
    text: 'xxx', // text 格式数据
    html: 'xxx', // html 格式数据，目前仅表格支持
    updateExternal: true // 是否从外部粘贴数据，为 false 则从内部剪切板获取
  })
}

// 配置获取系统剪切板数据函数
WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  getClipboardData
})

// 拦截 toast 函数
const onToast = ({
  msg, // 提示信息
  action // 提示动作
}) => {
  // 自身业务处理
}

// 配置 toast 函数
WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  onToast
})

// 拦截外链跳转函数
const onHyperLinkOpen = ({
  linkUrl // 跳转 url
}) => {
  // 自身业务处理
}

// 配置外链跳转函数
WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  onHyperLinkOpen
})

WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  // 通用选项，所有类型文档适用
  commonOptions: {
    isShowTopArea: false, // 隐藏顶部区域（头部和工具栏）
    isShowHeader: false // 隐藏头部区域
  }
})

WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  // 通用选项，所有类型文档适用
  commonOptions: {
    isShowTopArea: false, // 隐藏顶部区域（头部和工具栏）
    isShowHeader: false, // 隐藏头部区域
    isBrowserViewFullscreen: false, // 是否在浏览器区域全屏
    isIframeViewFullscreen: false, // 是否在 iframe 区域内全屏
    acceptVisualViewportResizeEvent: true // 控制 WebOffice 是否接受外部的 VisualViewport
  }
})

WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  wordOptions: {
    isShowDocMap: false, // 是否开启目录功能，默认开启
    isBestScale: false, // 打开文档时，默认以最佳比例显示
    isShowBottomStatusBar: false, // 是否展示底部状态栏
    mobile: {
      isOpenIntoEdit: false, // （Mobile）要有编辑权限，移动端打开时是否进入编辑
      isShowHoverToolbars: false, // （Mobile）是否显示文字底部工具栏
      isVoiceCommentEnabled: false, // （Mobile）是否允许插入语音评论
      showFontDownloadNotice: false // （Mobile）是否显示字体下载提示
    }
  }
})

WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Presentation,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  pptOptions: {
    isShowBottomStatusBar: false, // 是否展示底部状态栏
    isShowRemarkView: true, // 是否显示备注视图
    isShowInsertMedia: true, // 是否显示插入音视频入口
    isShowComment: true, // 是否显示评论相关入口
    mobile: {
      isOpenIntoEdit: false, // （Mobile）要有编辑权限，移动端打开时是否进入编辑
      showPrevTipWhilePlay: true, // （Mobile）播放时向上翻页，是否展示 “上一页” 的提示
      isShowReviewLogo: false // （Mobile）是否显示审阅左上 logo
    }
  }
})

WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Presentation,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  pdfOptions: {
    isShowComment: false, // 是否显示注解，默认显示
    isInSafeMode: false, // 是否处于安全模式（安全模式下不能划选文字，不能复制以及不能通过链接跳转），默认不是安全模式
    isBestScale: false, // 默认以最佳显示比例打开
    isShowBottomStatusBar: false, // 是否展示底部状态栏
    disBackScrollPos: true // 是否禁用滚动还原
  }
})

// 配置项
const loadOptions = {
  workbench: {
    //增加编辑配置子项，文档头部工具栏及段落操作柄中才可选择使用该功能。
    editor: [
      'title',
      'heading',
      'fontSize',
      'bold',
      'italic',
      'underline',
      'deleteLine',
      'script',
      'colorStyle',
      'outlineList',
      'indent',
      'align',
      'find',
      'picture',
      'link',
      'blockquote',
      'horizonRule',
      'code',
      'inlineCode',
      'emoji',
      'table',
      'history'
    ],
    view: ['startTab', 'mobileMenu', 'contextMenu', 'mobileReadMenu']
  }
}
WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Otl,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  // 不传otlOptions，将全量加载
  otlOptions: {
    loadOptions: JSON.stringify(loadOptions)
  }
})

WebOfficeSDK.init({
  officeType: WebOfficeSDK.OfficeType.Writer,
  appId: 'xxxxx',
  fileId: 'xxxxx',
  commandBars: [
    {
      cmbId: 'HeaderLeft', // 组件 ID
      attributes: {
        visible: false, // 隐藏组件
        enable: false // 禁用组件，组件显示但不响应点击事件
      }
    }
  ]
})