将HTML标记添加到所选文本

Question

听起来很简单，但我真的无法找到答案。我希望能够选择文本并添加标签而无需手动输入打开/关闭标签，因为这样做是浪费时间。

<p> selected text </p>
<ul>
    <li> selected text </li>
    <li> selected text </li>
    ...

我想到的是Notepad ++（查找和替换）或Autohotkey脚本（复制，添加标签和粘贴）+ StrokesPlus鼠标手势等变通方法。 是否有任何编辑器可以使用快捷方式快速完成？我是HTML的新手，我只是想找到最有效的解决方案。

Answer 1

许多编辑都支持此功能，如果没有，大多数扩展都可以为html语言支持添加。

在sublime-text中，例如，如果你写div然后点击标签 -key，你得到<div></div>，光标位于div范围内，这使得生活方式更轻松。

您可能感兴趣的另一个解决方案是使用模板引擎Jade进行编写。看看它非常简单。

Answer 2

使用notepad ++ 如果您想将某些行更改为列表（＆lt; li＆gt;）

• 选择文字并按CTRL + H（替换）
• 写入第一个输入（找到什么）：（。*）
• 并在第二个输入中（替换为）： 的＆LT; li＆gt; \ 1＆lt; / li＆gt;
• 检查选项：“在选择中”和“正则表达式”
• 最后点击全部替换

Answer 3

您可以将brakets与emmet支持的编辑器一起使用，创建一个只需要键入要创建的单词的标签，然后按Tab键。

我爱PHP Website编辑;如果您正在编辑html代码，则它具有实时模式，可以实时查看文档中的更改。