组件状态设置

可以通过commandBars选项, 可以隐藏,禁用页面的组件

  1. // 从 v1.1.2 开始使用新的数据结构
  2. WebOfficeSDK.config({
  3. commandBars: [
  4. // 可以配置多个组件
  5. {
  6. cmbId: "组件ID",
  7. attributes: {
  8. visible: false, // 隐藏组件
  9. enable: false, // 禁用组件, 组件显示但不响应点击事件
  10. }
  11. }
  12. ]
  13. })
  1. // v1.1.1+
  2. WebOfficeSDK.config({
  3. commandBars: [
  4. // 可以配置多个组件
  5. {
  6. cmbId: "组件ID",
  7. attributes: [{
  8. name: "visible",
  9. value: false
  10. },{
  11. name: "enable",
  12. value: false
  13. }]
  14. }
  15. ]
  16. })

目前支持属性 (attributes)

属性类型说明
visibleboolean组件显示切换
enableboolean组件状态切换,禁用或开启

动态更新

上面说的配置只是初始化的时候生效,js-sdk还提供动态更新组件状态接口

  1. demo.setCommandBars([...]) // 配置跟初始化配置雷同

组件ID列表

公共

组件ID说明最低版本
HeaderLeftPC头部左侧, 头部一共分左、中、右三块区域1.1.1
HeaderRightPC头部右侧, 头部一共分左、中、右三块区域1.1.1
FloatQuickHelp右下角帮助(金小豹)1.1.1
Print顶部工具栏打印按钮1.1.2
CooperationPanelOwnerInfo移动端协作列表中当前文档所有者信息1.1.2
Logo移动端状态栏Logo1.1.2
Cooperation移动端状态栏协作头像1.1.2
More移动端状态栏更多按钮1.1.2
CheckCellHistoryPC端-表格-单元格最近的改动1.1.2
HistoryVersionPC端-顶部状态栏-历史记录菜单-历史版本1.1.2
HistoryRecordPC端-顶部状态栏-历史记录菜单-协作记录1.1.2
HistoryVersionDividerPC端-表格-右键菜单-历史版本/协作记录分割线1.1.2
SendButton移动端-顶部工具栏-分享按钮1.1.2

如果需要隐藏头部以及工具栏,可以设置 {mode : "simple"} 切换到极简模式, 详细查看 显示模式

文字

组件ID说明最低版本
ReviewTrackChanges编辑、修订状态按钮1.1.1
TrackChanges编辑、修订状态下拉选项1.1.1
ContextMenuConvene文字右键召唤在线协助者1.1.1
WriterHoverToolbars移动端-文字-底部工具栏1.1.2
ReadSetting移动端-文字-状态栏-阅读设置1.1.2

演示

组件ID说明最低版本
WPPMobileMarkButton移动端浮动备注按钮1.1.1

PDF

组件ID说明最低版本
PDFMobilePageBar移动端页码1.1.1