当我们需要在 PDF 文件中添加目录时，可以使用 @ocelot-consulting/hummus-toc 这个 NPM 包。本文将详细介绍使用该包的方式以及示例代码，以供前端开发人员学习和应用。
安装 @ocelot-consulting/hummus-toc 包
可以在命令行中使用以下指令安装该包：
npm install @ocelot-consulting/hummus-toc
添加目录
添加PDF目录的主要逻辑为：从PDF文件中提取正文内容，根据标题级别（H1，H2，H3等）生成相应的目录，并插入PDF文件对应的位置上。
每个目录条目包括标题文本、页码和目录级别。下面是基本的 Node.js 代码示例：
-- -------------------- ---- -------
--- ------------ - -------------------------
--- --- - -----------------------------------------
---- --- --
--- ---------- - -
-
------ -----
------ --
----- --------------
--
-
------ ------
------ --
----- -------
--
-
------ ------
------ --
----- -------
-
--
-- -- ------------- ---- --- --------------------
--- ------ - --- ------------------------- --------------
--- -------- - ----------------------------
-- -- --- ---------------------
--- --------- - ------------------ ------------
-- -- ------------- -------------
------
------------
---------------- -
------ ---------
----- -----
----- ------------
----- ---
---------- -----
------ ---------
-- ---
-- --
---------- ------------------------------
--
--------------------- ------- ---------- ----- ---------- ----- ----
----------
----------注意：在上述代码示例中，我们使用了 HummusRecipe 从 PDF 文件中提取目录并进行处理，其中读取了第一页。在实际使用中，如果想要将目录添加到特定页面中，需要使用相应页面的编号。在 output.pdf 文件中添加目录后，可以使用其他 PDF 阅读器查看效果。
总结
在本文中，我们学习了如何使用 @ocelot-consulting/hummus-toc 包生成 PDF 目录，并给出了相应的示例代码。如果您需要生成具有复杂目录结构的 PDF，这个包将非常实用。我们希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672683660cf7123b365db