WXML 格式化

← 返回首页

缩进

WXML 代码

格式化结果

WXML 是小程序的模板语言，类似 HTML 但支持 wx:if、wx:for、bindtap 等小程序特有语法。从设计稿复制过来的 WXML 通常缺少缩进，粘贴到这里一键整理。

功能亮点

智能缩进

自动识别 wx:if、wx:for、block 等标签层级，精准对齐——比你手调快十倍。

2/4空格可选

团队规范用 2 空格还是 4 空格？一键切换，输出统一风格。

一键复制

格式化后直接复制结果，粘贴回开发者工具就能用。

使用步骤

粘贴混乱的 WXML 代码到左侧输入框；
选择缩进空格数（2 或 4）；
点「格式化」，复制右侧美化后的代码。

关于 WXML 格式化

WXML（WeiXin Markup Language）是微信小程序的模板语言，语法类似 HTML 但有专有标签（<view> <text> <block>）和指令（wx:if wx:for wx:key）。复杂的条件渲染和数据绑定嵌套容易导致缩进混乱、可读性急剧下降。本工具自动缩进对齐标签和指令，提升可读性。适合小程序开发者在调试模板、Code Review 或接手遗留代码时快速整理格式。

常见问题

WXML 和 HTML 有什么区别？: WXML 是微信参考 HTML 设计但做了大量定制化：① 标签名不同——网页用 <div> <span>，WXML 用 <view> <text>；② WXML 有自己的逻辑指令——wx:if wx:for 等；③ WXML 不支持 <style> 标签（样式通过 WXSS 设置）；④ 数据绑定用 {{双大括号}}，但不能写复杂 JS 表达式。