如何为含动态字段HTML生成的TCPDF PDF创建动态目录？

• 两次渲染法：先把所有HTML内容渲染到一个临时PDF实例里，不用输出，只专注记录每个目录项对应的页码。可以在HTML里给每个要进目录的标题加个自定义标记，比如<div class="toc-title" data-text="第一章"></div>，然后借助TCPDF的writeHTML回调或者页面切换事件，捕获每个标记所在的页码。等所有页码都记录好，再重新创建正式PDF，先写好带正确页码的目录，再渲染正文内容。

• 用书签自动生成目录：渲染HTML的时候，给每个目录级别的标题调用TCPDF的AddBookmark()方法。比如在输出标题前，执行$pdf->AddBookmark('用户协议', 0, 0)，这样TCPDF在渲染到该位置时会自动记录页码。等整个HTML渲染完成后，调用$pdf->AddTOC()方法，就能自动生成带正确页码的目录，书签和目录会自动关联。

• 手动估算页码（适合简单动态内容）：如果动态内容只是文本长度变化，没有复杂表格、图片，那就提前算好每个动态字段的高度。结合TCPDF的页面高度、上下边距，算出每页能容纳的内容高度，再根据每个目录项之前的所有内容总高度，估算出它的起始页码。这种方法适合结构固定的场景，精度足够用。

• 自定义锚点记录页码：在HTML里给每个目录标题加个特殊注释，比如<!-- toc-mark: 产品介绍 -->。第一次渲染PDF时，监听页面的渲染过程，找到每个注释所在的页码并记录下来。之后生成目录时用这些记录的数值填充，再重新生成完整的PDF文档。

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