Выводить теги WebStorm Emmet в виде HTML-объектов

Question

Выводить теги WebStorm Emmet в виде HTML-объектов

Я использую Emmet в WebStorm.

Выход этой строки:

ul#nav>li.item$*4>a{Item $}

Должно быть:

<ul id="nav">
    <li class="item1"><a href="">Item 1</a></li>
    <li class="item2"><a href="">Item 2</a></li>
    <li class="item3"><a href="">Item 3</a></li>
    <li class="item4"><a href="">Item 4</a></li>
</ul>

Вместо этого вот что я получаю:

&lt;ul id="nav"&gt;&lt;/ul&gt;
    <!-- /#nav -->&lt;li class="item1"&gt;&lt;/li&gt;
    <!-- /.item1 -->&lt;a href=""&gt;Item 1&lt;/a&gt;&lt;li class="item2"&gt;&lt;/li&gt;
    <!-- /.item2 -->&lt;a href=""&gt;Item 2&lt;/a&gt;&lt;li class="item3"&gt;&lt;/li&gt;
    <!-- /.item3 -->&lt;a href=""&gt;Item 3&lt;/a&gt;&lt;li class="item4"&gt;&lt;/li&gt;
    <!-- /.item4 -->&lt;a href=""&gt;Item 4&lt;/a&gt;

Прекрасно работает в Sublime Text и Atom. Может кто-нибудь, пожалуйста, помогите?

Обновление (добавлены скриншоты)