Sublime怎么多行编辑给多段文本包裹标签

浅强君_9302

浅强君_9302

2026-10-05

113人浏览

原创

emmet_wrap_with_abbreviation是唯一稳解,专为包裹设计,支持属性、嵌套、重复生成且自动闭合,但要求语法为html/javascript,选中后调用命令输入合法emmet缩写即可。

sublime怎么多行编辑给多段文本包裹标签

用 emmet_wrap_with_abbreviation 是唯一稳解

别手敲 <div>、别硬套多光标——除非你确定结构简单且无嵌套。这个命令专为包裹设计,支持属性、嵌套、重复生成,且自动闭合。前提是文件语法必须是 HTML / JavaScript(右下角显示 Plain text 或 Markdown 时必然失败)。 <ul> <li>选中目标文本(可以是纯文本、多行代码、甚至已有标签)</li> <li>按 <code>Ctrl+Shift+P 打开命令面板,输入 Wrap with Abbreviation 回车

  • 输入合法 Emmet 缩写,例如:div.item、ul>li*、section>header+main
  • 回车即完成,光标自动落到新标签内部;若缩写含 $(如 span{$}),每行内容会成为独立文本节点
  • Ctrl+Shift+G 没反应?先查这三件事

    这个快捷键本质就是调用 emmet_wrap_with_abbreviation,但它对上下文极其敏感,静默失效很常见。

    • 当前语法不是 HTML / JavaScript:右下角点开语法名,手动切到 HTML
    • 输入法是中文:按下 Ctrl+Shift+G 后键盘输入被拦截,缩写根本没提交
    • 选区含空行或首尾空白符过多:Emmet 拒绝解析,不报错也不响应

    ul>li* 只生成一个 <li>?因为你没拆光标

    Emmet 的 * 运算符只在「每行一个独立选中单元」时才逐行展开。鼠标拖选连续多行,默认整块是一个选区,ul>li* 就只会套一层 <ul><li>...</li></ul>。

    Favird
    Favird

    一款AI工具,主要用于极其棒且有价值的互联网资源目录!,适合需要提升相关任务效率的用户。

    下载
    • 正确做法:先用 Ctrl+L(Win/Linux)或 Cmd+L(macOS)逐行选中,再按 Ctrl+Shift+L 拆成多光标
    • 然后按 Ctrl+Shift+G,输入 ul>li(不加 *)回车,每行自动变成独立 <li> 并包裹进 <ul></ul>
    • 如果输 ul>li*3,它会把整块内容复制三遍塞进一个 <li>,不是你想要的效果

    自定义快捷键绑定,command 名写错就白配

    wrap_with_tag 和 wrap_with_abbreviation 是两个完全不同的命令,行为差异极大,混用必翻车。

    • wrap_with_tag:原生命令,只接受 div、p 这类纯标签名,不支持 .、>、*
    • wrap_with_abbreviation:Emmet 命令,支持完整缩写,但必须加 context 限定,否则 JS 文件里按快捷键也会弹出 HTML 包裹框
    • 错误示例:"command": "wrap_with_tag" 却想输 section>header → 直接忽略输入

    最易被忽略的点是:Emmet 对特殊字符(如 &、)会自动转义,而多光标手敲不会。如果你处理的是 API 返回字段或用户输入文本,漏掉这点会导致 HTML 渲染异常。

    相关文章

    PHP速学视频免费教程(入门到精通)
    PHP速学视频免费教程(入门到精通)

    PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

    下载

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    LLVM自定义Pass怎么写
    LLVM自定义Pass怎么写

    本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

    2026.09.30

    80

    10

    LLVM RISC-V参数配置教程
    LLVM RISC-V参数配置教程

    本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

    2026.09.30

    80

    14

    LLVM IR中间表示入门指南
    LLVM IR中间表示入门指南

    本专题整理LLVM IR的核心概念,包括中间表示作用、模块结构、函数、基本块、SSA形式、类型系统和常见语法,帮助新手理解LLVM编译流程中的关键层。

    2026.09.30

    40

    12

    PDF转图片方法
    PDF转图片方法

    需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

    2026.09.30

    40

    26

    PixTV AI视频生成与无限画布创作
    PixTV AI视频生成与无限画布创作

    PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

    2026.09.29

    60

    15

    Buffalo框架数据库开发全教程
    Buffalo框架数据库开发全教程

    本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

    2026.09.23

    280

    15

    Buffalo框架路由与请求处理实操指南
    Buffalo框架路由与请求处理实操指南

    本专题讲解Buffalo框架路由与请求处理机制,涵盖路由注册与分组、资源路由、Handler编写规范、Context上下文方法、参数绑定、中间件编写挂载、Session与Cookie读写、Flash消息及错误页面定制方法。

    2026.09.23

    160

    15

    Buffalo框架零基础入门教程
    Buffalo框架零基础入门教程

    本专题整理Buffalo框架入门内容,涵盖Go环境准备、buffalo CLI安装、新项目生成、目录结构说明、dev热加载启动、数据库连接配置与常见报错排查,帮助新手按约定优于配置的思路跑通第一个Buffalo框架应用。

    2026.09.23

    120

    15

    Conan创建软件包配方指南
    Conan创建软件包配方指南

    本专题介绍通过conanfile.py创建软件包的方法,讲解包名、版本、依赖和构建设置等基础信息,以及source、build、package、package_info等常用方法的作用及编写思路。

    2026.09.22

    80

    12

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程