← 返回首页
WXML 格式化
WXML 代码
格式化结果
WXML 是小程序的模板语言，类似 HTML 但支持 wx:if、wx:for、bindtap 等小程序特有语法。从设计稿复制过来的 WXML 通常缺少缩进，粘贴到这里一键整理。
功能亮点
智能缩进
自动识别 wx:if、wx:for、block 等标签层级，精准对齐——比你手调快十倍。
2/4空格可选
团队规范用 2 空格还是 4 空格？一键切换，输出统一风格。
一键复制
格式化后直接复制结果，粘贴回开发者工具就能用。
使用步骤
- 粘贴混乱的 WXML 代码到左侧输入框；
- 选择缩进空格数（2 或 4）；
- 点「格式化」，复制右侧美化后的代码。
关于 WXML 格式化
整理 WXML 标签、属性和指令的缩进与换行，便于阅读和检查小程序模板。
常见问题
- WXML 和 HTML 有什么区别？
- WXML 是微信参考 HTML 设计但做了大量定制化：① 标签名不同——网页用
<div><span>，WXML 用<view><text>；② WXML 有自己的逻辑指令——wx:ifwx:for等；③ WXML 不支持<style>标签（样式通过 WXSS 设置）；④ 数据绑定用{{双大括号}}，但不能写复杂 JS 表达式。