一款 205MB、双击即装、离线可用的 Windows 本地网页编辑器，把「所见即所得」重新带回桌面。
先说痛点：你现在编辑 HTML 是什么姿势？
- 用记事本死磕 → 改一行字刷新五次浏览器；
- 用 VS Code → 还要装 Live Server、配置端口、断网就崩；
- 用在线编辑器 → 必须联网，写点敏感内容心里发虚；
- 抱着老版 Dreamweaver → 启动慢如老牛，几 GB 安装包劝退新电脑。
如果有一个工具，既能像 Word 一样所见即所得、又能离线用、还能直接改源码——这就是今天要介绍的：WeavePage（织页）。
WeavePage 是什么？
WeavePage（织页）是 aiec.fun 出品的国产开源 Windows 本地网页编辑器，由 Tauri v2 + React 19 + Tiptap 3 打造，定位是「Dreamweaver 的现代化继任者」：
| 对比项 | Dreamweaver | 在线编辑器 | WeavePage |
|---|---|---|---|
| 启动速度 | 慢（数秒） | 依赖浏览器 | 秒开 |
| 网络依赖 | 无 | 必须联网 | 完全离线 |
| 学习成本 | 高（专业工具） | 中 | 零（像 Word） |
| 安装包 | 数 GB | 无需 | 205MB 双击即装 |
| JS 动态效果 | ✓ | ✓ | 预览可见 + 可编辑 |
一句话：打开任意 HTML 文件，文档 CSS 自动注入编辑区，所见即所得，所改即所得。
8 大核心优势，每个都配使用场景
优势 1：文档 CSS 自动注入，所见即所得
场景：你拿到一份客户给的 HTML 邮件模板、Markdown 转出的报告页、历史项目遗留的静态页面——双击 .html 文件，WeavePage 自动解析所有 CSS，编辑区字体、字号、颜色与最终页面像素级一致。再也不用猜「这里到底是 14px 还是 16px」。
优势 2：网页预览模式，CSS + JS 全渲染
场景：你的网页里有悬浮目录、平滑滚动、轮播图、动态 Tab 组件。WeavePage 的预览模式（F9 一键切换）会完整执行 JS 动态效果，并允许你在预览中直接点文字改字、改完实时同步回编辑器。
优势 3：外部资源自动内联，自包含文档
场景：你的页面引了一堆外链 CSS、JS、图片，拷给别人时漏文件就破版。WeavePage 帮你自动把所有外部资源转成 base64 内联，生成一个完全自包含的单文件 HTML，发给谁打开都是完整效果。
优势 4：Word 风格功能区，零学习成本
场景：老板让你"把这段加粗、换个红色、放大到 18pt、居中"——你不用记 CSS 语法、不用查 Markdown 快捷键。功能区顶部一排按钮：字体 / 字号（9-36pt）/ 颜色 / 高亮 / 对齐 / 列表 / 引用 / 代码块，选中文字自动显示它当前的字体/字号/颜色，改完即时生效。
优势 5：块级源码编辑，HTML 全可见
场景：你想微调某个特定段落的边框、加一个伪元素、给一张图片加 loading="lazy"——在编辑区右键任意块 → 右侧边栏弹出该块的 HTML 源码，可导航到父块 / 子块 / 兄弟块，改完点"应用"即可。不用切换到完整源码视图，避免改错整页。
优势 6：源码视图 + 多标签页，开发与写作两不误
场景：你既要写 Markdown 文档，又要改这个页面的配套 CSS，还要调一个 JS 交互。WeavePage 支持同时打开多个标签，每个标签独立状态；视图菜单可一键切到完整源码视图（head / CSS / JS 全部可改），Ctrl+S 直接保存回硬盘。
优势 7：表格 + 图片，所见即所得
场景：你要在页面里插一张产品对比表、贴几张运营截图。功能区"插入"选项卡提供5×5 网格选择器一键插入表格（行列可增删），图片按钮选本地图片后自动 base64 嵌入文档，不用单独管理图床。
优势 8：离线可用，单进程低占用
场景：你在高铁上、飞机上、出差酒店网络烂，客户急着要改方案。WeavePage 安装包自带 WebView2 离线运行时——全新电脑、无网络双击安装直接使用，全程不依赖任何外部下载。基于 Tauri 单进程架构，比 Electron 应用省一半内存。
安装 & 上手（3 分钟）
1. 下载：从本站 https://www.aiec.fun/weavepage/download.php 或GitHub Releases 下载最新版本 `WeavePage_*_x64-setup.exe`（205MB）
2. 安装：双击 EXE，自动安装 WebView2 运行时，全程无需联网
3. 启动：从开始菜单打开 WeavePage，Ctrl+O 选任意 HTML 文件 → 秒进编辑视图
技术栈速览（开发者向）
| 层 | 技术 |
|---|---|
| 桌面壳 | Tauri v2（Windows · WebView2） |
| 前端 | React 19 + TypeScript + Vite |
| 编辑器 | Tiptap 3（基于 ProseMirror） |
| 包管理 | pnpm |
系统要求：Windows 10/11 x64（暂不支持 macOS / Linux）。
快捷键速查
| 操作 | 快捷键 |
|---|---|
| 新建 / 打开 / 保存 | Ctrl+N / O / S |
| 另存为 | Ctrl+Shift+S |
| 关闭标签 | Ctrl+W |
| 撤销 / 重做 | Ctrl+Z / Y |
| 刷新预览 | F5 |
| 切换编辑 / 预览 | F9 |
写在最后
WeavePage 不是要取代 VS Code 或 WebStorm（那是 IDE），它瞄准的是「给非程序员也能本地改网页」这个细分场景——运营改邮件模板、客服改活动页、设计师微调落地页、自媒体改 HTML 课件。
完全离线 + 国产开源 + 0 学习成本，这三件事叠在一起，已经值回 205MB 的安装包。
项目地址：https://github.com/kizemo/weavepage
本站下载：https://www.aiec.fun/weavepage/download.php