使用步骤
- 粘贴 HTML 代码。
- 选择 HTML 或 Vue，设置缩进和行宽。
- 点击「格式化」，或按 Ctrl+Enter（Mac 上是 ⌘+Enter）。
- 复制格式化后的代码。
参数说明
- 行宽
- 属性很多的元素超过这个宽度时，会拆成每个属性一行。
- Vue
- 格式化 .vue 单文件组件，包括 template、script 和 style 三部分。
使用示例
邮件模板。 粘贴一整行的 HTML 邮件，查看缩进后的表格结构。
网页源代码。 格式化复制来的网页源码，快速找到需要的部分。
常见问题
为什么有些文字没有换行？
在 HTML 中，行内元素之间加入空白会改变页面显示。格式化工具会根据元素的 CSS display 属性判断，不会加入会显示在页面上的空格。
能修复不规范的 HTML 吗？
会补上 HTML 允许省略的结束标签，例如 </li> 和 </p>。标签关闭顺序错乱会报错并给出行号和列号，方便你在源头修正。
代码会上传吗？
不会，全部在浏览器中完成。
隐私说明
本工具完全在浏览器中运行，文件和文本都在你的设备上处理，不会上传到我们的服务器。