XML 编辑器将你的代码和元素树并排显示。你输入的内容会立即出现在树中,包括元素、属性、文本、注释、CDATA 和命名空间;点击任意节点,即可跳到它在代码中的位置。你还可以直接在树中编辑名称、值和文本,运行 XPath 查询,并把文档转换为 JSON 或 YAML。
一切都在你的浏览器中运行。文档不会上传,无需注册,也没有广告。
标签、属性、值、实体、注释和 CDATA 各有颜色,带行号,结束标签自动闭合,并清楚列出问题及其行号和列号。
折叠和展开元素,查看属性、文本、注释、处理指令和命名空间,并跟随所选节点的路径。
重命名元素和属性,修改值和文本,添加、移动和删除元素:以小编辑写入代码,特殊字符会被转义。
XPath 1.0 字段会标出匹配的节点;搜索可查找名称、值和文本。文档中的命名空间前缀可在 XPath 中使用。
从不加载 DTD、Schema 或外部实体,也从不展开实体,因此 XXE 和实体炸弹都不起作用。
缩进或压缩文档,或将其转为 JSON 或 YAML:属性变为 @name,文本变为 #text,重复的元素变为列表。
任何 https 页面(以及 localhost)都可以用 <iframe> 和 ?embed=1 嵌入编辑器,无需注册,无需密钥。嵌入后,编辑器会隐藏这段文字并显示“保存”按钮。有两种方式传入和取出文档。
src= 打开一个文件(你的服务器必须允许 CORS),webhook= 让“保存”(Ctrl+S)把文档发送到该地址。加上 &token=… 可发送 Authorization: Bearer … 请求头,加上 &auto 则每次更改后都会保存。
<iframe src="https://xml.giit.ch/?embed=1&src=https://your-site.com/data/catalog.xml&webhook=https://your-site.com/save.php"
allow="clipboard-write" style="width:100%;height:800px;border:0"></iframe>
Webhook 会收到一个带 JSON 的 POST 请求 { editor: "xml", event: "save", id, name, content, updated }。一个保存它的简短 PHP 脚本:
<?php
header('Access-Control-Allow-Origin: https://xml.giit.ch');
header('Access-Control-Allow-Headers: Content-Type, Authorization');
header('Access-Control-Allow-Methods: POST, OPTIONS');
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') exit;
if (($_SERVER['HTTP_AUTHORIZATION'] ?? '') !== 'Bearer SECRET') { http_response_code(403); exit; }
$d = json_decode(file_get_contents('php://input'), true);
$name = preg_replace('/[^\w\- ]/u', '_', $d['name']);
file_put_contents(__DIR__ . "/data/$name.xml", $d['content']);
echo '{"ok":true}';
编辑器发送 xmleditor:ready,你的页面以 xmleditor:load 回应,编辑器报告 xmleditor:loaded,有实际编辑时发送 xmleditor:change,用户保存时发送 xmleditor:save。你的页面可以发送 xmleditor:get(获取当前状态)或 xmleditor:save(相当于点击“保存”)。这样保存就通过你自己的登录和会话进行。
<iframe id="ed" src="https://xml.giit.ch/?embed=1" allow="clipboard-write" style="width:100%;height:800px;border:0"></iframe>
<script>
const ed = document.getElementById('ed');
const ORIGIN = 'https://xml.giit.ch';
addEventListener('message', async e => {
if (e.source !== ed.contentWindow || e.origin !== ORIGIN) return;
const m = e.data;
if (m.type === 'xmleditor:ready') { // 编辑器已就绪:把文档交给它
ed.contentWindow.postMessage({
type: 'xmleditor:load',
name: 'Catalog',
content: await (await fetch('/data/catalog.xml')).text()
}, ORIGIN);
}
if (m.type === 'xmleditor:change') document.title = '● not saved'; // 一次实际编辑
if (m.type === 'xmleditor:save') { // 用户点击了“保存”
await fetch('/api/save', { method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name: m.name, content: m.content }) });
document.title = 'Saved';
}
});
// 你自己页面上的保存按钮:回应以 xmleditor:save 返回
function saveNow() { ed.contentWindow.postMessage({ type: 'xmleditor:get' }, ORIGIN); }
</script>
页面内的 AI 助手:在框架中同样可用。在 iframe 上设置 allow="clipboard-write" 后,“复制提示词”会直接使用剪贴板(否则编辑器会退回旧的复制命令,或显示提示词供手动复制)。AI 发送的链接无法到达另一个网站中的编辑器,因此编辑器会提示 AI 和用户把 AI 的完整回答粘贴到编辑器中,或在单独的窗口中打开编辑器。
window.open("https://xml.giit.ch/?embed=window", "xmleditor-17") 会在单独的窗口中打开完整的编辑器,并通过 window.opener 使用相同的消息。AI 的链接可以到达那里。xmleditor:load 还可以带上 context: { host, title, rules }(AI 提示词随后会说明文档属于哪里,并遵循你的规则),以及 hook: { url, token },即仅用于此文档、从不保存的 Webhook。关闭有未保存更改的窗口时会发送 xmleditor:closing。
向编辑器提供你自己的提示词、你网站上的一个地址和本次编辑器会话的密钥。AI 对话框随后会显示“已连接到”你的网站、你告诉 AI 的内容,以及修改当前文档或新建一个文档的选项;复制提示词会把这些都组合起来。AI 带着密钥把结果发送到你的服务器,你的页面再在编辑器中打开它;新文档会单独打开,并保留在用户的浏览器中。每个编辑器会话一个密钥:编辑器打开期间有效,只有在没有密钥时,编辑器才会用 xmleditor:key-request 请求。编辑器自己从不发送密钥,也从不保存它;地址必须是你自己主机或其子域名上的 https 地址。
const key = async () => (await fetch('/api/ai-key.php?doc=17')).json(); // 每个编辑器会话一个密钥
const k = await key();
ed.contentWindow.postMessage({ type: 'xmleditor:load', name: 'Catalog', content, ai: {
label: 'My Site', prompt: 'Keep the sku attributes. Prices in CHF.',
endpoint: 'https://your-site.com/api/ai-result.php', key: k.key } }, ORIGIN);
// 记住 xmleditor:loaded 中的 id,忽略 id 不同的 change/save/closing
// 仅在编辑器没有密钥时:
if (m.type === 'xmleditor:key-request') { const k = await key(); ed.contentWindow.postMessage({ type: 'xmleditor:ai', key: k.key }, ORIGIN); }
// 编辑器打开期间,每分钟通知你的服务器;关闭编辑器或页面会使密钥作废
setInterval(() => fetch('/api/ai-key.php?alive=' + k.key.slice(0, 8)), 60000);
// 你的服务器有了结果(轮询、SSE …):target 为 "current" 或 "new"
ed.contentWindow.postMessage({ type: 'xmleditor:load', name: 'Catalog', content: draft, from: 'ai', target }, ORIGIN);
密钥至少使用 128 位随机数,只保存其哈希值,将每个密钥绑定到已登录用户、文档和本次编辑器会话,每个会话一个,仅在你的页面报告会话仍打开时有效,并在编辑器或页面关闭时作废。
完整协议见 llms.txt,把它交给 AI,AI 就能为你的系统建立连接。LaTeX 编辑器和 SVG 编辑器的用法相同,前缀分别为 latexeditor: 和 svgeditor:。
不会。编辑器完全在你的浏览器中运行。你的文档绝不会发送到服务器,除非你自己设置了指向自己服务器的 Webhook。
会。它使用浏览器自带的 XML 解析器,显示第一个格式错误及其行号和列号,以及未声明的命名空间前缀和重复使用的 id。它不会按 DTD 或 XML Schema 进行验证。
安全。编辑器从不加载 DTD、Schema 或外部实体,也从不展开 DTD 中的实体,因此 XXE 和实体扩展攻击都不起作用。对这些实体的引用会按原样保留在文本中。
在树上方输入 XPath 1.0 表达式,例如 //book[price > 30]/title。匹配的节点会在树中标出;箭头可在它们之间逐个跳转。文档中声明的前缀可以使用,_: 代表根元素的默认命名空间。
能。在转换或导出中,文档会变为 JSON 或 YAML:属性变为 @name,文本变为 #text,重复的元素变为列表。
只保存在你的浏览器中。点击左上角的文件夹按钮(我的文档)即可打开、重命名、复制、下载或删除它们。清除浏览器的网站数据会删除它们,因此请下载需要保留的文档,或让编辑器把它们发送到你自己的服务器(“保存到服务器”)。
能,任何 AI 都可以:ChatGPT、Claude、Gemini、Copilot 或你编程工具中的 AI。点击“AI 助手”,再点击“复制提示词”,粘贴到你的 AI 中并说明要写什么。AI 会回复一个链接;点击它,文档就会出现在你的编辑器中。“撤销”可撤回每一处更改。
可以。用 iframe 嵌入它并通过 postMessage 交换文档,或让它通过 Webhook 把每个保存的版本发送到你的服务器。示例见在你自己的网站上使用编辑器。
不收费。编辑器免费,没有广告,无需注册。