PdfTron WebViewer多文档模式：保留多标签页并隐藏头部工具

WebViewer 10.x（以及从8.x版本起）支持多PDF文档同时显示，基础用法示例：

WebViewer({
    //disabledElements: ["toolsHeader", "header"],
    initialDoc: ["first.pdf", "second.pdf"]
  }, viewerDiv)...

若你需要保留用于切换文档的多标签页（对应截图绿色标记区域），同时移除下方的头部工具项（红色标记区域），但尝试使用instance.UI.disableFeatures(...)和instance.UI.disableElements(...)时，要么出现UI异常，要么同时移除了标签页与头部工具项，这里提供两种可行解决方案：

方案一：自定义CSS隐藏目标元素 #

通过引入自定义CSS文件，精准隐藏不需要的头部区域：

WebViewer({
  initialDoc: ["first.pdf", "second.pdf"],
  css: 'multitab.css'
}, viewerDiv)...

multitab.css内容：

div[data-element="header"], .HeaderToolsContainer {
  display: none;
}

方案二：使用Beta UI并禁用默认顶部头部 #

切换到Beta版本UI，直接禁用默认顶部头部元素：

WebViewer({
  initialDoc: ["first.pdf", "second.pdf"],
  ui: 'beta',
  disabledElements: ['default-top-header']
}, viewerDiv)...

内容的提问来源于stack exchange，提问作者Bernie