HTML Editor · 无鉴权 API

在浏览器里写 HTML。

打开即用的在线编辑器，实时预览、自动保存。同时提供一个极简 HTTP API——把 scopeName 当作文件名，AI Agent 与脚本可直接读写页面，无需登录、无需密钥。

打开编辑器 → 阅读 API 文档 →

01 / 核心特性

能力清单

没有构建步骤、没有账号体系。一个页面就是一个 scope，保存即落盘为独立的 HTML 文件，通过 /{scopeName} 直接访问。

01实时预览 — 边写边看，无需手动刷新。
02自动保存与快捷键 — 支持 Ctrl + S 立即保存。
03多页面管理 — 每个 scopeName 独立存储、互不影响。
04无鉴权 HTTP API — 供 AI Agent 与自动化脚本直接调用。
05跨域可用 — 任意站点可 fetch 读写。
06零依赖 — 单个二进制文件，静态模板热加载。

02 / 自动化

AI / 自动化操作指南

下面的端点位于 https://html.fangna.tech，全部为 幂等整体覆盖：提交完整 HTML 即可创建或替换对应页面。

POST /api/save 保存页面。Body：{"scopeName": "...", "content": "<html>..."}

GET /api/load 读取页面源码。?scopeName=...，返回原始 HTML。

示例 · curl

bash

# 保存一个页面
curl -X POST https://html.fangna.tech/api/save \
  -H "Content-Type: application/json" \
  -d '{"scopeName":"hello","content":"<h1>Hello</h1>"}'

# 之后可通过短链接访问
# https://html.fangna.tech/hello

示例 · JavaScript

javascript

await fetch("https://html.fangna.tech/api/save", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    scopeName: "hello",
    content: "<h1>Hello</h1>"
  })
});

注意

!保存为整体覆盖，不追加、不合并。
!scopeName 仅允许字母、数字、-、_，不支持 .. 与路径分隔符。
!当前无鉴权与配额限制，请勿存放敏感数据。

03 / 使用

快速开始

打开 /demo 进入编辑器。
在编辑区输入 HTML，右侧实时预览。
按 Ctrl + S 保存，或等待自动保存。
通过 /{scopeName} 访问已发布页面。
编辑按钮碍事？访问 /{scopeName}?edit=0 隐藏，?edit=1 恢复（服务端按页面保存，对所有访客生效）。

04 / 技术栈

实现

后端为 Go 单二进制服务，模板每请求重新读取，改动即时生效；落盘为纯静态 .html 文件，由同一服务直接提供。无数据库、无外部依赖。