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

时间:2014-05-23 11:34:08

标签: javascript html css pug

所以我在将html标签转换为jade节点模板引擎时遇到了麻烦

我要显示的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>

为什么这样的输出?请帮帮我

1 个答案:

答案 0 :(得分:0)

并尝试使用其他编辑器,或检查任何扩展程序保存您的文件,在您的编辑器中检查我保存得很好