{"id":35095278,"url":"https://github.com/rwdai/url_encode_edit","last_synced_at":"2026-05-23T07:04:48.909Z","repository":{"id":327397923,"uuid":"1109127930","full_name":"RWDai/Url_Encode_Edit","owner":"RWDai","description":"一个托管在 GitHub Pages 上的纯前端 URL 结构化编辑器。你只需粘贴一个 URL（可包含编码），页面会自动拆解成协议、域名、端口、路径以及逐个 Query 参数，所有字段都可独立修改，随时重新生成 URL。","archived":false,"fork":false,"pushed_at":"2025-12-03T12:18:18.000Z","size":14,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-12-29T07:36:51.530Z","etag":null,"topics":["github-pages","url-encoder"],"latest_commit_sha":null,"homepage":"https://rwdai.github.io/Url_Encode_Edit/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RWDai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-03T11:28:17.000Z","updated_at":"2025-12-03T12:18:21.000Z","dependencies_parsed_at":"2025-12-06T21:07:45.433Z","dependency_job_id":null,"html_url":"https://github.com/RWDai/Url_Encode_Edit","commit_stats":null,"previous_names":["rwdai/url_encode_edit"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/RWDai/Url_Encode_Edit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RWDai%2FUrl_Encode_Edit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RWDai%2FUrl_Encode_Edit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RWDai%2FUrl_Encode_Edit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RWDai%2FUrl_Encode_Edit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RWDai","download_url":"https://codeload.github.com/RWDai/Url_Encode_Edit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RWDai%2FUrl_Encode_Edit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33386079,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-23T04:15:53.637Z","status":"ssl_error","status_checked_at":"2026-05-23T04:15:53.242Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["github-pages","url-encoder"],"created_at":"2025-12-27T15:14:52.706Z","updated_at":"2026-05-23T07:04:48.904Z","avatar_url":"https://github.com/RWDai.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# URL Encode Edit\n\n一个托管在 GitHub Pages 上的纯前端 URL 结构化编辑器。你只需粘贴一个 URL（可包含编码），页面会自动拆解成协议、域名、端口、路径以及逐个 Query 参数，所有字段都可独立修改，随时重新生成 URL。\n\n## 功能亮点\n\n- 💡 实时解析：输入框内容一更新就尝试解析，如缺少协议会自动补全 `https://` 并给出提示。\n- 🧱 结构化字段：协议/域名/端口/路径使用独立控件呈现，避免逐字符编辑的痛苦。\n- ✏️ Query 表单：每个参数对应两个输入框（键和值），支持 Emoji、中文等，实时同步。\n- 📏 智能输入框：Value 区域会随内容自动增高，长文本也能舒适编辑。\n- ♻️ 双向绑定：修改任意字段立即重建 URL；直接手写 URL 时，也会反向刷新所有控件。\n- 🌓 自适应样式：默认支持浅/深色模式，直接发布到 GitHub Pages 即可。\n\n## 快速开始\n\n1. 克隆或下载本仓库。\n2. 双击 `index.html` 或使用任意静态服务器（如 `npx serve .`）打开。\n3. 粘贴 URL，例如 `https://demo.example.com:8080/api/%E8%B5%84%E6%BA%90?name=%E5%BC%A0%E4%B8%89\u0026description=%F0%9F%93%88+Docs\u0026redirect=https%3A%2F%2Fexample.org%2Fcallback`，立即得到结构化视图。\n\n## 主要交互\n\n- **填入示例**：点击“填入示例”按钮快速回到演示 URL。\n- **基础部分**：修改协议、域名、端口、路径时，顶部输入框实时更新。\n- **Query 参数**：每个参数都是一行，可输入/删除；新增按钮用于添加空行。\n- **状态提示**：解析或生成失败会在输入框下方显示错误信息（例如域名为空）。\n\n## 文件结构\n\n- `index.html`：页面结构，包含 URL 输入区、基础字段和 Query 参数区域。\n- `styles.css`：响应式卡片布局及暗/亮主题、表单控件、Query 行等样式。\n- `main.js`：核心逻辑，负责解析 URL、维护状态、渲染字段、双向同步以及辅助提示。\n\n## 部署到 GitHub Pages\n\n1. 推送源码到 GitHub 仓库。\n2. 在仓库的 **Settings → Pages** 中选择 `Deploy from a branch`，分支选 `main`（或你的默认分支），目录保持 `/`。\n3. 保存后等待构建完成，就能通过分配的 URL 访问该工具。\n\n欢迎根据自己的需求拓展，比如：支持批量导入参数、导出链接、校验端口范围等功能。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frwdai%2Furl_encode_edit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frwdai%2Furl_encode_edit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frwdai%2Furl_encode_edit/lists"}