将html标签转换为jade节点模板

Question

所以我无法将html标签转换为玉节点模板引擎

我要显示的html输出模板是这个

    <a href="#" class="dropdown-hover"> Dropdown
      <ul class="dropdown-hover-menu">
        <li><a href="#">Dropdown menu</a></li>
        <li><a href="#">Dropdown menu2</a></li>
     </ul>
   </a>

我正在使用html2jade.org ，它是html的玉石节点模板转换器

当我转换HTML时，它会像这样输出

a.dropdown-hover(href='#') Dropdown
    ul.dropdown-hover-menu
        li
          a(href='#') Dropdown menu
        li
          a(href='#') Dropdown menu2

然后我进入我的IDE文本编辑器并粘贴它，但是输出完全不符合我的需要，它就像这样...

<a class="dropdown-hover" href="#">Dropdown</a>
<ul class="dropdown-hover-menu"><a class="dropdown-hover" href="#">
</a><li><a class="dropdown-hover" href="#"></a><a href="#">Dropdown menu</a></li>
<li><a href="#">Dropdown menu2</a></li>
</ul>

为什么这样输出？ 请帮我

Answer 1

并尝试使用其他编辑器，或使用任何扩展名进行检查都会保存您的文件，请检查您是否保留了我的编辑器