Skip to content
Guides

顶部工具栏

ToolbarConfig 控制文档界面工具栏的显示/隐藏、按钮排布以及 More 菜单项的配置。

工具栏显隐控制

可独立控制各模式工具栏的可见性:

json
{
  "toolbarConfig": {
    "mainToolbarVisible": true,
    "annotationToolbarVisible": true,
    "contentEditorToolbarVisible": true,
    "formToolbarVisible": true,
    "signatureToolbarVisible": true
  }
}
字段说明
mainToolbarVisible顶部主工具栏
annotationToolbarVisible注释模式底部工具栏
contentEditorToolbarVisible内容编辑模式底部工具栏
formToolbarVisible表单模式底部工具栏
signatureToolbarVisible签名模式底部工具栏

工具栏按钮配置

左侧与右侧按钮

toolbarLeftItemstoolbarRightItems 分别控制顶部工具栏的左右两侧按钮:

json
{
  "toolbarConfig": {
    "toolbarLeftItems": [],
    "toolbarRightItems": [
      "thumbnail",
      "search",
      "bota",
      "menu"
    ]
  }
}

可用的按钮值:

说明
back返回按钮
thumbnail缩略图
search搜索
botaBOTA 面板(大纲/书签/注释列表)
menuMore 菜单

More 菜单项

availableMenus 控制点击 More 按钮后显示的菜单列表:

json
{
  "toolbarConfig": {
    "availableMenus": [
      "viewSettings",
      "documentEditor",
      "documentInfo",
      "save",
      "watermark",
      "security",
      "flattened",
      "share",
      "openDocument",
      "snip"
    ]
  }
}
说明
viewSettings阅读设置
documentEditor页面编辑
documentInfo文档信息
save保存
watermark水印
security安全/加密
flattened扁平化
share分享
openDocument打开文档
snip截图

通过调整数组中的项和顺序,可隐藏不需要的菜单项或调整显示顺序。

画笔切换按钮

json
{
  "toolbarConfig": {
    "showInkToggleButton": true
  }
}
字段说明
showInkToggleButton注释模式下是否显示画笔/橡皮擦切换按钮

完整示例

只保留缩略图和搜索按钮,菜单中仅显示保存和分享:

json
{
  "toolbarConfig": {
    "mainToolbarVisible": true,
    "annotationToolbarVisible": true,
    "contentEditorToolbarVisible": false,
    "formToolbarVisible": false,
    "signatureToolbarVisible": false,
    "toolbarLeftItems": ["back"],
    "toolbarRightItems": ["thumbnail", "search", "menu"],
    "availableMenus": ["save", "share"]
  }
}

如需添加自定义按钮(修改图标/文本或添加全新功能按钮),请参考 自定义菜单按钮