键盘快捷键
切换 HTML / JS / CSS、运行、保存、格式化、禅模式与自定义编辑器快捷键。
概览
可用快捷键切换 HTML / JavaScript / CSS 面板，以及运行预览、保存、格式化代码、切换禅模式和打开编辑器工具。下表默认值与编辑器设置 → 快捷键一致。编辑器工具栏的键盘图标可随时打开速查弹窗：默认与内置快捷键、支持搜索的 Emmet 缩写词典和平台快捷指令都在其中，各页签底部附对应帮助文链接。
默认快捷键
在 Mac 上，对话框中以 ⌘ 代替 Ctrl；Alt 即 Option（⌥）；含 Shift + Alt 的组合会分别显示各修饰键。
| 快捷键 | 操作 |
|---|---|
| Ctrl / ⌘ + Enter | 运行预览 |
| Ctrl / ⌘ + S | 保存 Fiddle（编辑器聚焦时） |
| Alt + 1 | 聚焦 HTML 编辑器 |
| Alt + 2 | 聚焦 CSS 编辑器 |
| Alt + 3 | 聚焦 JavaScript 编辑器 |
| Alt + Shift + S | 将选区保存为代码片段 |
| Alt + Shift + I | 在光标处插入代码片段 |
| Alt + Shift + C | 转换选中的颜色 |
| Ctrl / ⌘ + K | 打开 AI 助手 |
| Alt + Shift + F | 格式化当前编辑器 |
| Alt + Shift + O | 排序 CSS 属性（仅 CSS 编辑器） |
| Alt + Shift + P | 将代码导出为图片 |
| ? | 打开编辑器设置中的快捷键 |
| Esc | 退出禅模式或关闭编辑器设置 |
| Ctrl / ⌘ + Alt + Z | 切换禅模式（编辑器） |
内置编辑器快捷键
以下快捷键固定在编辑器中，不会出现在编辑器设置的快捷键 Tab 里。Mac 上触发补全请用 Control+Shift+Space（不是 ⌘）。
| 快捷键 | 操作 |
|---|---|
| Ctrl+Shift+Space | 触发代码补全 |
| Tab | 展开 Emmet、pixem、pixcm、piximg-*、pixreset、pixc、pixfont、pixicon 或 pixcdn 缩写（HTML/CSS/JS 编辑器） |
| Tab / Enter | CSS 面板：光标在属性值后、行末分号前时，Tab 跳到分号后面；Enter 跳过分号并换行。若光标前是未带单位的数字且该处常用 px，Enter 会先补上 px 再换行 |
| Ctrl+/ | 切换行注释（Mac 为 Cmd+/）。HTML / CSS / JS 均可用；CSS 会把当前行包成块注释 |
| Shift+Alt+A | 切换块注释。选中多行时用一对定界符包住整段 |
| // / /* | HTML / CSS 面板：行首（可含缩进）输入 // 会变成注释并把光标放在中间（HTML 为 <!-- -->，CSS 为 /* */）；CSS 输入 /* 会自动补上关闭符。CSS 也可用 pixc 再按 Tab。CSS 中选中一行或多行后输入 // 或 /* 会直接注释所选行，再按一次取消注释 |
| Ctrl+. | HTML 面板：光标在标签上（或选中多个兄弟标签）时，Ctrl+.（Mac 为 ⌘+.）直接弹出顶部输入条，键入标签名并回车确认；确认后会选中标签名，可在编辑器里继续改。「移除此标签」在灯泡 / 快捷修复或右键菜单里。 |
自定义
在编辑器中按 ?（非输入状态下），或从顶栏 ⋯ 菜单打开编辑器设置 → 快捷键。点击某一行即可录制新按键；按 Esc 取消。使用「恢复本页默认」可重置全部绑定。
禅模式
禅模式仅在首页（/）与云端作品页（/f/…）可用：隐藏左侧导航以扩大编辑区域，预览与控制台保持可见。可在顶栏布局旁点击聚焦图标进入，或在编辑器设置 → 工作区中配置是否保留工作区顶栏。
| 快捷键 | 操作 |
|---|---|
| Ctrl / ⌘ + Alt + Z | 进入或退出禅模式 |
| Esc | 禅模式中退出（编辑器设置未打开时） |
Vim 模式
在编辑器设置 →「编辑器」中启用 Vim 键位后，Normal 模式移动与 Ex 命令（如 :w、:format）生效；上文平台快捷键仍可与 Vim 并存。 Vim 模式帮助