大家好我是胡桃专注分享轻量化前端开源工具、无后端离线 Web 项目开发思路。今天给大家带来一套我耗时很久完整打磨、完全开源、支持免费商用的双产品线前端工具套件 ——京禾文档JingHeOffice商用办公套件、京禾笔记JingheBooks个人日用一体化工具箱整套项目全部上传 Codeberg 开源MIT 协议无任何限制不用安装客户端、不用服务器双击 HTML 文件就能本地离线使用彻底解决普通人、中小企业、教师群体本地文件隐私泄露的痛点。作者龙沅可平时接触很多朋友吐槽市面上两类软件的痛点 第一类办公软件WPS、Office 要么有云端同步强制上传文件本地文档、合同、库存报表一不小心同步到线上敏感数据存在泄露风险网页版在线表单、白板工具必须联网断网直接无法使用还要付费解锁导出高清素材、完整工程保存功能。 第二类个人笔记、剪辑、绘图工具要么 APP 臃肿占用大量内存要么强制登录账号同步相册、录音、账本私人收支、学习笔记、手绘草稿全部上传平台服务器隐私完全不受自己掌控。作为前端开发者我一直在思考HTML5 原生 API 已经具备文件读写、音视频录制、画布绘图、ZIP 打包完整能力完全可以做出一套全程本地运算、零数据上传、无后端、纯离线的工具箱所有文字、图片、音频、账本、课件全部只保存在用户电脑本地不存在任何云端存储行为。于是我拆分两条产品线做差异化定位完全隔离商用办公与个人日用场景避免功能混杂臃肿京禾文档 JingHeOffice面向企业、教师、线下门店主打商用生产办公文档、课件、表格、流程图、电子黑板、条码物料生成一站式完成京禾笔记 JingheBooks面向学生、普通个人用户主打学习生活知识库、记账、代码编辑、录屏录音、混音、修图、手绘白板、PDF 阅览一体化。两套项目仓库完全独立目录结构统一规范底层私有工程打包逻辑同源全部源码托管在 Codeberg 开源平台任何人可自由下载、二次修改、商用分发仅需保留项目内 MIT 版权声明即可。二、项目统一底层核心技术自研.jh 私有工程格式开源完整实现逻辑很多本地 Web 工具只能导出图片、文本无法保存完整分层工程关闭页面图层、笔迹、素材全部丢失这也是本项目最大的技术亮点 —— 自研一套基于 JSZip 的私有工程打包方案两套仓库res/about.html完整公开全部底层实现代码逻辑无黑盒加密。私有格式通用打包流程全部开源可复现采集当前工程全部数据图层、文字、画笔轨迹、参数配置、导入图片 / 音频二进制原始素材将索引、配置信息序列化为标准 JSON 文本作为工程元数据JSZip 将 JSON 配置文件 媒体素材打包为标准 ZIP 二进制流在二进制文件头部写入 4 位专属固定校验字符串打开文件时先读取头部校验区分不同工程格式防止文件混淆损坏。两条产品线专属私有格式说明1. 个人端 京禾笔记 .jhb/.jha/.jhaudio/.jhdraw.jhb知识库笔记头部标识JHB1压缩包内存放词条索引 meta.json、每条笔记独立 txt 文本支持批量导出笔记.jha个人记账头部标识JHA1内置预算配置、Tab 制表符分隔收支表格导出文本可直接用 Excel 打开.jhaudio多轨道混音工程头部标识AUD1存储多轨道音频切片、音量、剪辑参数.jhdraw个人手绘草稿头部标识DRAW1保存多层画笔、形状、插入图片素材。2. 商用端 京禾文档 .jhbx/.jhp/.jhs/.jhm/.jhf/.jhd/.jhw每种格式都拥有独立 4 字节头部校验码统一打包逻辑分别对应文字、课件、表格、脑图、表单、商用流程图、教师电子黑板工程。这里重点说明安全机制整套私有格式仅用于区分工程文件无高强度加密算法如果有账本、私密笔记等高敏感内容建议用户自行用压缩软件二次加密工程文件软件本身不提供密码加密功能兼顾轻量化与透明开源。三、京禾文档JingHeOffice商用套件 v1.0 全工具介绍仓库地址https://codeberg.org/mclty9527/JingHeOffice 目录结构极简根目录仅 3 类文件主页京禾文档1.html、task工具文件夹、res资源文件夹内置通用开源说明 about.htmltask 文件夹内按 task1~task9 固定排序 9 款独立商用工具task1 京禾文档 .jhbx公文、合同、长篇报告文字编辑器支持排版、分段、导出纯文本task2 京禾课件 .jhp幻灯片演示 PPT教师宣讲课件离线制作task3 京禾表格 .jhs库存、进销存、企业数据统计表格task4 京禾脑图 .jhm项目规划、思路梳理思维导图task5 京禾表单 .jhf企业报名、信息收集问卷表单设计task6 京禾绘图 .jhd组织架构、业务流程、网络拓扑商用图纸task7 京禾白板 .jhw教师线上网课、线下课堂电子黑板仿真粉笔、数学网格坐标演算task8 二维码生成器无私有格式生成商品、表单分享二维码导出高清图片task9 条形码生成器仓储、商超一维商品条码支持 EAN13、Code128、ITF14 等主流码制。全部工具无任何联网请求条码、二维码本地 Canvas 渲染黑板粉笔笔迹内存绘制报表数据仅保存在本地浏览器缓存及时保存.jhbx/.jhw 等工程文件即可永久留存清除浏览器缓存不会丢失本地导出的工程文件。四、京禾笔记JingheBooks个人工具箱 v1.0 全工具介绍仓库地址https://codeberg.org/mclty9527/JingheBooks 同样极简三层目录主页京禾笔记1.html统一入口task 文件夹 8 款个人工具严格按需求排序task1 知识库笔记 .jhb词条式知识库标签分类适合读书笔记、学习资料归档task2 个人记账 .jha个人收支、家用预算自动生成消费统计图表task3 京禾代码编辑器无专属格式HTML/Python/JS/Java 等多语言语法高亮纯本地打开源码task4 照片编辑器图片调色、涂鸦标注、马赛克、裁剪压缩导出 PNG/JPG/WebPtask5 京禾音频 .jhaudio重度多轨道混音短视频配音、播客音频后期分层保存混音工程task6 PDF 阅读器本地 PDF 离线阅览试卷、电子书打开查看无水印无上传task7 录音笔麦克风录音、简易双轨配音一键导出 MP3 音频task8 京禾画图 .jhdraw个人手账、随手手绘草稿分层画布保存手绘工程。这套工具完美适配学生自学、普通人日常记录需求录屏、录音、混音全部使用浏览器 MediaRecorder、WebAudio API 离线处理不会抓取系统音频以外的隐私内容所有图片、音频素材仅存在本地内存复制图片可直接粘贴进知识库笔记使用。五、开源协议、使用限制与部署方式1. 开源协议MIT License这是最宽松的开源协议之一明确允许 ✅ 免费个人使用、免费企业商用 ✅ 自由修改源码、新增功能、删减工具 ✅ 二次打包分发、搭建私有离线站点 唯一要求二次分发、修改后的项目内保留原项目版权声明与 MIT 协议文本无需公开自己修改后的源码无开源传染性限制。2. 部署运行方式零门槛无需配置环境本地离线使用直接 Codeberg 仓库下载全部源码压缩包解压后双击根目录京禾文档1.html/京禾笔记1.html桌面 Chrome、Edge、Firefox 浏览器即可完整运行内网部署将整套文件上传内网静态 Web 服务器公司、校园局域网内所有人访问全程不连外网公网静态站可上传静态网页托管平台仅作为离线工具页面不会收集任何访客数据。3. 使用须知浏览器底层限制仅支持桌面端主流浏览器移动端文件、媒体录制 API 存在权限限制无法完整使用全部工具录音、录屏仅可捕获麦克风人声无法抓取电脑系统内部音频属于浏览器安全底层限制无法突破长时间多图层编辑、多轨道混音会占用内存工具内置「释放素材缓存」功能定期清理避免卡顿浏览器临时缓存清理会丢失未导出临时素材重要内容及时保存.jhxx 私有工程文件到本地磁盘。六、写在最后面向国内开发者的轻量化离线开源思路现在很多前端项目盲目追求复杂后端、云端同步、会员付费体系反而忽略用户最核心的隐私需求。这套京禾双产品线全程贯彻「本地优先、离线优先、轻量化优先」的开发思路不引入任何第三方后端接口、统计埋点、广告弹窗源码完全透明托管在 Codeberg任何人可查看底层打包、绘图、音视频处理完整逻辑。如果你是教师可以使用京禾文档的白板、课件、条码工具完成教学备课如果你是小微企业文档、表格、流程图全部离线处理规避合同、库存数据上传云端泄露风险如果你是学生、自由职业者京禾笔记一站式解决笔记、记账、代码、音视频处理需求不用下载十几个臃肿客户端。后续我会持续维护两个仓库根据开源社区反馈新增功能、修复 BUG大家可以在 Codeberg 仓库提交议题反馈需求也可以自由 fork 二次开发拓展专属功能。整套项目完整开源免费商用有需要的朋友直接前往 Codeberg 仓库下载源码即可仓库直达链接京禾文档商用办公套件京禾文档1.0https://link.wtturl.cn/?targethttps%3A%2F%2Fcodeberg.org%2Fmclty9527%2FJingHeOfficesceneimaid497858langzh京禾笔记个人日用工具箱京禾笔记1.0https://link.wtturl.cn/?targethttps%3A%2F%2Fcodeberg.org%2Fmclty9527%2FJingheBookssceneimaid497858langzh
