PDF文件编辑浏览器-创意

这个小工具叫PDF文件编辑浏览器,市面上其实很少有集成功能, 它着重于简单处理PDF页面和快速浏览功能集成, 其他大而全的软件工具多多如牛毛(ADOBE,FOXIT, XCHANGE....) 还有小国货PDF补丁丁:),但几十K的尺寸实现快速浏览加页面处理,代码完全可见直接在网盘,甚至在笔记本电脑上黏贴下来运行超级方便的就很少了

鄙人中老年非程序员,只略通程序开始借AI编程潮流搞的思路:)

对于大量的处理PDF和比较浏览,由于没有找到现成的工具, 决定用JavaScript HTML做个pdf文件管理浏览器界面,用的是的双PDF引擎加WEBASSEMBLY的技术.

它实际就是一个HTML网页工具,下载双击HTML就可以看到界面了,由于只花了3个小时调试配合AI做的,讲究实用,目前只支持 Google Chrome 或 Microsoft Edge浏览器, 需要的也可以自己测试其他的系统

特点:

1.点击文件管理PDF同一页出现PDF阅读编辑界面, 浏览到某一页不需要就删除

2.点击"添加文件"或拖拽 PDF 到界面即可上传，支持多文件同时添加

3.左侧文件列表展示所有已加载的 PDF，显示文件名、页数和修改状态

注意:浏览器对文件的管理需要授权,对系统文件和目录是不支持的

• 本地目录浏览器

使用 File System Access API（showDirectoryPicker）选择本地目录，获取读写权限

左侧面板递归展示目录结构，文件夹双击进入，PDF 文件单击打开

顶部面包屑导航支持快速跳转到任意父级目录

文件夹排在前面、PDF 文件高亮显示、非 PDF 文件灰显

不支持该 API 的浏览器（Firefox/Safari）会显示提示

• PDF 阅读与浏览

点击文件列表中的项目，右侧主区域立即渲染该 PDF 内容

底部控制栏支持：首页/上一页/下一页/末页导航，键盘方向键也可翻页

缩放控制（放大/缩小/适应宽度），实时显示缩放百分比, 缩放也可以使用CTRL+鼠标滚轮实现

左侧面板同步显示所有页面缩略图，点击缩略图可直接跳转

• 删除页面

删除时有视觉动画反馈，缩略图中已删页面显示为划线半透明状态

支持"撤销"操作，可逐步恢复被删除的页面

使用 pdf-lib 库将未删除的页面重新打包为新的 PDF 文件

保存后自动下载，文件名带"_已编辑"后缀

保存后文件状态重置，可继续编辑

• 右键菜单系统

文件上右键：打开查看 / 保存修改 / 删除本地文件

缩略图上右键：跳转到该页 / 删除该页/旋转页面/逆序显示

目录空白处右键：刷新目录 / 打开目录 / 添加文件

危险操作（删除文件）用红色高亮，不可用操作灰色禁用

拖动PDF缩略图可以调整页面

1.移动拖动PDF缩略图到区域顶部或底部停止一定时间1.5秒, 区域应及时向上或向下滚动,以便于PDF页面移动到上方或下方看不见的位置

• 界面和背景设置暗黑/明亮/护眼模式, 同时美化按钮

• 复制到剪贴版的图像可以在当前位置插入成一个页面, 文本插入成一张文字页面

PDF页面的复制黏贴通过复制黏贴图像来实现

使用方法:

下载网页单文件HTML,在基于 Google Chrome 或 Microsoft Edge的 电脑浏览器打开按图使用. 注意网页对本地文件的使用限制, 系统目录或文件基于安全无法读取

下载链接点击:

https://www.kdocs.cn/join/g45b1m0

https://pan.baidu.com/s/4gtsvNKB