HQY

×

简单手搓一个HTML版本合同审核工具

hqy hqy 发表于2026-05-22 17:12:50 浏览10 评论0

抢沙发发表评论

现在LLM已经越发完善,遇事不决先问AI已成为很多人的潜意识。

比如说,有时候别人送个合同过来,是不是会用AI检查一下存在什么问题?又或者审核一些文章的时候,会不会直接让AI看哪些地方需要改?
当然,以上功能在线LLM平台就能够很好的实现。但假如每天都要多次做的话,终归弄起来不太便利。这个时候就可以用AI做一个HTML小工具来提高效率。
想起做这个,是因为之前听一个讲座,发现HTML也可以方便的嵌入DOCX进行预览,当时就想,使用这个功能的话不就能很好地去对比审核材料了吗?
于是乎,就做了一个合同审核网页工具,功能也很简单:
上传合同 → AI自动审核 → 红色标注问题 → 可以提问 → 下载结果

具体来说:

  • 上传DOCX合同文件(点击或拖拽都行)

    图片


  • AI会分析合同,把有问题的条款用红色标出来(调用deepseek的API进行分析)

  • 每个问题下面都附上备注:什么问题?建议怎么改?

  • 右侧显示合同原文,方便对照

图片


  • 有个问答框,可以对合同内容提问

图片

  • 最后可以下载标注后的Word文档

这个工具的项目结构如下,我直接在Deepseek官网手搓下来的,嫌麻烦的话用opencode或者hermes等Agents提要求生成应该会更方便。









项目文件夹/├── index.html├── css/│   └── style.css(HTML样式,AI生成即可)├── js/│   ├── docx.umd.min.js(docx文件处理插件)│   ├── word-generator.js(文本生成器代码,AI生成即可)│   └── mammoth.browser.min.js(浏览器预览docx插件)

其实重点是docx.umd.min.js和mammoth.browser.min.js,建议把这两个下到本地,让网页直接调用,避免由于网络问题导致工具失灵。

  1. docx.umd.min.js

    • 访问:https://cdn.jsdelivr.net/npm/docx@8.5.0/build/index.umd.min.js

    • 右键另存为 → js/docx.umd.min.js

  2. mammoth.browser.min.js

    • 访问:https://cdn.jsdelivr.net/npm/mammoth@1.4.2/mammoth.browser.min.js

    • 右键另存为 → js/mammoth.browser.min.js


打赏

本文链接:https://kinber.cn/post/6563.html 转载需授权!

分享到:


推荐本站淘宝优惠价购买喜欢的宝贝:

image.png

 您阅读本篇文章共花了: 

群贤毕至

访客