这个工具有问题吗?

关于「HTML 代码编辑 在线」

该工具是带有实时预览的基于浏览器的 HTML 编辑器。在编辑器窗格中输入或粘贴 HTML、CSS 和 JavaScript,渲染结果会立即出现在沙盒预览框架中。在您键入时反映更改。

用于快速原型设计、教授前端概念、分享 bug 的最小复现、在不设置项目的情况下测试 CSS 或 JavaScript 片段,或向他人展示标记片段。

所有编辑都在您的浏览器中进行;不会向服务器发送任何内容。您的代码在访问之间持久存储在浏览器中,因此您可以稍后返回草稿而不会丢失工作。

如何使用这个工具

如何实时预览一段 HTML 片段

  1. 输入或粘贴 HTML

    把片段、完整文档或一段 `<div>` 放进「HTML」字段。内联的 `<style>` 与 `<script>` 都会原样保留——预览里像真浏览器一样执行。

  2. 点击运行

    结果只有 `preview`——渲染后的输出,按平台不同要么内联展示要么作为沙箱 iframe 的 URL。可以用来核对样式、间距,或 `<details>` 元素是否如预期折叠。

  3. 沙箱权衡

    预览会执行你的代码——这就是它的意义。别贴你不信任的 JS。如果片段用了 `localStorage`、`fetch` 或第三方 CDN 脚本,沙箱限制可能阻止它们——需要完整网络/存储访问时,请把片段放进真正的本地文件。

  4. 结果的持久化

    输出是临时的;这工具不是 CMS。把任何能跑通的片段复制回项目文件、提交进版本控制;本编辑器仅用于临时、随手测试。