隐藏/删除导出 pdf 或 png 时 DHMLX 创建的水印（页脚）语句

Question

用 dhtmlx 导出甘特图效果很好，但我想知道是否有办法隐藏或删除水印（页脚）中的句子：

This document is created with dhtmlx library: http://dhtmlx.com

在文档底部（甚至在页脚下方）导出为 pdf 或 png 时生成这句话

Answer 1

如果您使用免费导出，页脚（水印）将在那里。

只有购买付费版的 dhtmlxGantt 才会被删除，条件如下： https://dhtmlx.com/docs/products/dhtmlxGantt/export.shtml#:~:text=Free%20Online%20Export%20Service

如果您已经拥有该组件的付费版本，您可以就此联系 dhtmlx 销售人员。他们通过将托管您的应用程序的域（从调用导出的地方）列入白名单来删除水印，因此它不会在您购买许可证时自动发生，您必须请求它。

本地部署导出也可以，本地版本不加水印。您可以使用更昂贵的许可证进行本地安装，也可以单独购买

Answer 2

我找到了一种使用页脚免费隐藏水印的方法 position: absolute。此示例将使用红色背景，但您可以使用其他颜色。

基于dhtmlx ExporttoPDF我们可以通过使用<style>元素轻松修改css，所以我做了这样的事情：

HTML 导出为 PDF：

<input type="button" onclick='gantt.exportToPDF({
  footer:`<style>
            #footer-container{ position:relative; }
            h4{ width:100%; background: red; position: absolute; top:-10px; }
          </style>
          <div id="footer-container">
            <h4>Bottom Line</h4>
          </div>`
})'>

CSS 包含在上面的 HTML 中 FOR EXPORT TO PDF:

#footer-container{
  position:relative;
} 
h4{
  position: absolute;
  top:-10px;
  width:100%;
  background: red;
}

HTML 导出到 PNG：

<input type="button" onclick='gantt.exportToPNG({
  footer:`<style>
            #footer-container{ position:relative; }
            h4{ width:100%; background: red; position: absolute; top:-10px; }
          </style>
          <div id="footer-container">
            <h4>Bottom Line</h4>
          </div>`
})'>

CSS 包含在上面的 HTML 中 FOR EXPORT TO PNG:

#footer-container{
  position:relative;
}
h4{
  position: absolute;
  top:-10px;
  width:100%;
  background: red;
}

输出：

隐藏/删除导出 pdf 或 png 时 DHMLX 创建的水印（页脚）语句

Hide / Remove the DHMLX created watermark (footer) sentence when export pdf or png

gantt-chart

dhtmlx

dhtmlx-scheduler