You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode HTML模式下如何将选中文本快速转为带URL的超链接?

在VSCode HTML文件中快速创建超链接的方案

原生功能情况

VSCode的HTML模式原生没有像Markdown那样选中文本后粘贴URL自动生成<a>标签的功能,默认粘贴操作会直接用URL替换选中的内容。

扩展实现方案

可以通过以下两款常用扩展实现需求:

该扩展支持在HTML等多种文件类型中实现目标功能,操作流程:

  • 选中需要作为链接文本的内容(比如W3 Consortium)
  • 按下默认快捷键Ctrl+Shift+V(Windows/Linux)或Cmd+Shift+V(Mac),即可直接生成:
    <a href="https://www.w3.org">W3 Consortium</a>
    
  • 也可以通过右键菜单选择Paste URL as Link选项完成操作。

这款扩展除了支持选中文本粘贴URL生成<a>标签外,还具备自动抓取网页标题填充链接文本的附加功能(未选中文本时生效)。如果已选中文本,会直接以选中内容作为链接文本,生成标准HTML超链接。

内容的提问来源于stack exchange,提问作者ccpizza

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.10 03:10:17