VSCode HTML模式下如何将选中文本快速转为带URL的超链接?
在VSCode HTML文件中快速创建超链接的方案
原生功能情况
VSCode的HTML模式原生没有像Markdown那样选中文本后粘贴URL自动生成<a>标签的功能,默认粘贴操作会直接用URL替换选中的内容。
扩展实现方案
可以通过以下两款常用扩展实现需求:
1. Paste URL as Link
该扩展支持在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选项完成操作。
2. Auto Link Title
这款扩展除了支持选中文本粘贴URL生成<a>标签外,还具备自动抓取网页标题填充链接文本的附加功能(未选中文本时生效)。如果已选中文本,会直接以选中内容作为链接文本,生成标准HTML超链接。
内容的提问来源于stack exchange,提问作者ccpizza
相关产品推荐
相关产品推荐

