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

标签 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 的 jade 节点模板转换器

当我转换 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>

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

最佳答案

并尝试使用其他编辑器,或检查任何扩展是否保存了您的文件,检查您的编辑器我保存完好

关于javascript - 将 html 标签转换为 jade 节点模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23828137/

相关文章:

html - 如何在全屏模式下在 IE8 中显示滚动条?

css - Windows Phone 上的复选框 CSS 未显示

css - GWT Widget 开发 : combining & overriding CSS

javascript - 包含无填充或间距的 JQM 小部件的 HTML 表

javascript - 为什么这个测试失败了?数组应等于 []

javascript - 跳转播放音频

html - :last-of-type doesn't work

asp.net - 在内框架中加载内容时显示加载指示器

javascript - 使用 foreach 更新数组特定列键的每个值

javascript - TinyMCE 粘贴为纯文本