Нужно, чтобы при нажатии сочетания клавиш, выделенный HTML-код, написанный в одну строку, по шаблону преобразовывался в несколько строк в зависимости от глубины вложенности тегов.
Например:
До
<ul>
<li><label for=""></label><input type="text"></li>
<li><label for=""></label><input type="text"></li>
<li><label for=""></label><input type="text"></li>
</ul>
После
<ul>
<li>
<label for=""></label>
<input type="text">
</li>
<li>
<label for=""></label>
<input type="text">
</li>
<li>
<label for=""></label>
<input type="text">
</li>
</ul>
Пример 2.
<p class="appointment-item"><input type="text" name="time" id="" placeholder="10:00" value=""></p>
<p class="appointment-item">
<input type="text" name="date" id="" placeholder="08.10.2017" value="">
</p>
И так далее.