XML Editor online

Code

    Export

    My documents

    Click a document to open it. They are stored only in this browser - nothing is uploaded. Clearing the browser's site data removes them, so download the ones you want to keep.

    AI Assistant

    Any AI can write with you - ChatGPT, Claude, Gemini, Copilot.

    1. Click Copy prompt.
    2. Paste it into your AI and say what it should write.
    The AI should

    The document travels in the link after the “#”, which no server sees. What you paste into your AI is handled by its provider.

    Save to your server

    The editor can send each saved version to your own server (a webhook), so your work is kept where you want it. Nothing is sent until you enter an address here.

    What your server receives

    A POST request with JSON (your server must allow CORS from https://xml.giit.ch):

    { "editor": "xml", "event": "save", "id": "…", "name": "Catalog",
      "content": "<?xml version=\"1.0\"?> …",
      "updated": "2026-01-15T09:30:00.000Z" }
    Embed the editor in your website
    <iframe src="https://xml.giit.ch/?embed=1" style="width:100%;height:80vh;border:0"></iframe>
    <script>
    const frame = document.querySelector('iframe');
    addEventListener('message', e => {
      if (e.origin !== 'https://xml.giit.ch' || e.source !== frame.contentWindow) return;
      if (e.data.type === 'xmleditor:ready')
        frame.contentWindow.postMessage({ type: 'xmleditor:load', name: 'Catalog',
          content: '<catalog>…</catalog>' }, 'https://xml.giit.ch');
      if (e.data.type === 'xmleditor:save') saveOnYourServer(e.data.content);
    });
    </script>

    Also possible: ?src=<URL of an XML file> opens a file, &webhook=<URL> saves this document there. The editor can also open in a window of its own (?embed=window), and your page can hand it its own AI prompt and a session key so the AI sends its result to your server (xmleditor:ai, xmleditor:key-request) - see "Use the editor on your own website" below the editor. Details are in llms.txt.

    Help

    How it works

    1. Write XML on the left - or start with New and one of the templates. The tree in the middle shows the elements, attributes, text, comments and CDATA as you type.
    2. Click a node in the tree to go to its place in the code; the cursor in the code shows its node in the tree. Fold elements with the arrow.
    3. Click a name, an attribute value or a text in the tree to edit it right there. Enter or a click elsewhere writes the change into the code (special characters escaped, one step for Undo), Escape cancels. The buttons of a row add a child element or an attribute, move the element up or down, or remove it.
    4. Search marks nodes whose name, value or text contains the words; the XPath field marks the nodes an XPath 1.0 expression selects (_: is the default namespace of the root).
    5. Problems (the first well-formedness error, undeclared namespace prefixes, ids used twice) are listed above the code with line and column - click one to go there.
    6. Node on the right shows the selected node; Insert has ready-made pieces; Convert formats, minifies and turns the document into JSON or YAML.
    7. My documents (the folder button at the top left) lists every document kept in this browser. Export saves XML, minified XML, JSON, YAML or plain text.

    The editor never loads a DTD, a schema or an external entity, and it does not expand entities declared in a DTD: their references stay as written.

    Keyboard shortcuts

    > after a start tag
    Adds the matching end tag
    Ctrl + /
    Comment lines in or out (<!-- -->)
    Ctrl + Enter
    Show the cursor's node in the tree
    Tab / Shift + Tab
    Indent / outdent
    Ctrl + Z / Y
    Undo / redo
    Ctrl + S / E
    Save (download .xml, or to your server) / export
    Ctrl + O
    My documents
    Ctrl + F
    Search in the tree (outside the code)

    在线编辑 XML,实时元素树

    XML 编辑器将你的代码和元素树并排显示。你输入的内容会立即出现在树中,包括元素、属性、文本、注释、CDATA 和命名空间;点击任意节点,即可跳到它在代码中的位置。你还可以直接在树中编辑名称、值和文本,运行 XPath 查询,并把文档转换为 JSON 或 YAML。

    一切都在你的浏览器中运行。文档不会上传,无需注册,也没有广告。

    编辑器的功能

    代码高亮

    标签、属性、值、实体、注释和 CDATA 各有颜色,带行号,结束标签自动闭合,并清楚列出问题及其行号和列号。

    元素树

    折叠和展开元素,查看属性、文本、注释、处理指令和命名空间,并跟随所选节点的路径。

    在树中编辑

    重命名元素和属性,修改值和文本,添加、移动和删除元素:以小编辑写入代码,特殊字符会被转义。

    XPath 和搜索

    XPath 1.0 字段会标出匹配的节点;搜索可查找名称、值和文本。文档中的命名空间前缀可在 XPath 中使用。

    任何文件都安全

    从不加载 DTD、Schema 或外部实体,也从不展开实体,因此 XXE 和实体炸弹都不起作用。

    格式化和转换

    缩进或压缩文档,或将其转为 JSON 或 YAML:属性变为 @name,文本变为 #text,重复的元素变为列表。

    使用方法

    1. 开始:在“新建”中选择模板,打开 .xml 文件或粘贴 XML 代码。
    2. 编辑:在代码中输入或点击树中的值;代码上方的问题会告诉你哪里格式不正确。
    3. 导出:保存 XML、压缩副本、JSON、YAML 或纯文本。

    在你自己的网站上使用编辑器

    任何 https 页面(以及 localhost)都可以用 <iframe> 和 ?embed=1 嵌入编辑器,无需注册,无需密钥。嵌入后,编辑器会隐藏这段文字并显示“保存”按钮。有两种方式传入和取出文档。

    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}';

    2. 由你的页面保存文档(postMessage)

    编辑器发送 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 的完整回答粘贴到编辑器中,或在单独的窗口中打开编辑器。

    3. 在单独的窗口中

    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。

    4. 通过你自己的服务器使用 AI

    向编辑器提供你自己的提示词、你网站上的一个地址和本次编辑器会话的密钥。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:。

    常见问题

    我的 XML 会被上传吗?

    不会。编辑器完全在你的浏览器中运行。你的文档绝不会发送到服务器,除非你自己设置了指向自己服务器的 Webhook。

    编辑器会检查我的 XML 吗?

    会。它使用浏览器自带的 XML 解析器,显示第一个格式错误及其行号和列号,以及未声明的命名空间前缀和重复使用的 id。它不会按 DTD 或 XML Schema 进行验证。

    打开带 DTD 或外部实体的 XML 安全吗?

    安全。编辑器从不加载 DTD、Schema 或外部实体,也从不展开 DTD 中的实体,因此 XXE 和实体扩展攻击都不起作用。对这些实体的引用会按原样保留在文本中。

    如何使用 XPath?

    在树上方输入 XPath 1.0 表达式,例如 //book[price > 30]/title。匹配的节点会在树中标出;箭头可在它们之间逐个跳转。文档中声明的前缀可以使用,_: 代表根元素的默认命名空间。

    能把 XML 转换为 JSON 或 YAML 吗?

    能。在转换或导出中,文档会变为 JSON 或 YAML:属性变为 @name,文本变为 #text,重复的元素变为列表。

    我的文档保存在哪里?

    只保存在你的浏览器中。点击左上角的文件夹按钮(我的文档)即可打开、重命名、复制、下载或删除它们。清除浏览器的网站数据会删除它们,因此请下载需要保留的文档,或让编辑器把它们发送到你自己的服务器(“保存到服务器”)。

    AI 能在 XML 编辑器中写作吗?

    能,任何 AI 都可以:ChatGPT、Claude、Gemini、Copilot 或你编程工具中的 AI。点击“AI 助手”,再点击“复制提示词”,粘贴到你的 AI 中并说明要写什么。AI 会回复一个链接;点击它,文档就会出现在你的编辑器中。“撤销”可撤回每一处更改。

    我可以在自己的网站上使用编辑器吗?

    可以。用 iframe 嵌入它并通过 postMessage 交换文档,或让它通过 Webhook 把每个保存的版本发送到你的服务器。示例见在你自己的网站上使用编辑器。

    XML 编辑器收费吗?

    不收费。编辑器免费,没有广告,无需注册。