html sublime text3で後から親要素を追加する方法

Question

sublime text3を使用してHtmlを記述する際
後から親要素を追加したいと思った時、
簡単にできるショートカットキーはありますでしょうか。

例えば以下のコードを<div>で囲みたいとします。

<ul>
	<li><a href=""></a></li>
	<li><a href=""></a></li>
	<li><a href=""></a></li>
</ul>

<div>で囲むと以下のようになりますが ```ここに言語を入力 <div> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div> ``` コードが大量且つ複雑になってくると、 全体のインデントを下げてから 親要素を追加する、というやり方だと大変なので ショートカットでできる方法はないかなと探しています。 ネットで検索してみましたが上手くヒットしませんでしたので どなたかご存知でしたら教えていただけますでしょうか。

sublime text3を使用しておりますが
他の無料のテキストエディタでもそのような機能やショートカットがありましたら
知りたいです。

よろしくお願いします。

Answer 1

全体のインデントを下げてから

親要素を追加する、というやり方だと大変なので

「親要素を追加してからコードフォーマット機能を利用する」ではダメですか？
私はよくそれでやってます。
Sublime Text3利用者ではないですが、調べた感じ整形プラグインはあるようですし。