web-developer

Как HTML-код, написанный в одну строку, преобразовать в несколько строк в зависимости от глубины вложенности тегов?

Recommended Posts

Нужно, чтобы при нажатии сочетания клавиш, выделенный 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>

И так далее.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,331
    Total Members
    3,128
    Most Online
    god
    Newest Member
    god
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.