html2jade:将标签转换为html 2 jade作为缩进

时间:2012-11-25 14:32:45

标签: html node.js pug

使用html2jade将html文件转换为jade。

  1. 但是,它使用2个空格作为缩进,并且看不到将制表符配置为缩进的方法。是否有任何配置选项将缩进字符指定为选项卡?
  2. 另外,如果html评论了像:

    这样的块,则面临将html转换为jade的问题
    <div id='view-templates'>
        <!--<div id='project-view'>
            <div id='toolbar'>
                <div id='top-list'></div>
                <div id='intvl-options'></div>
                <div id='display-options'></div>
            </div>
            <div id='top-chart'>
            </div>
            <div id='bw-chart'>
            </div>
        </div>-->
    </div>
    

    上面的代码段翻译为:

    #view-templates
      //
        <div id='project-view'>
                <div id='toolbar'>
                    <div id='top-list'></div>
                    <div id='intvl-options'></div>
                    <div id='display-options'></div>
                </div>
                <div id='top-chart'>
                </div>
                <div id='bw-chart'>
                </div>
            </div>
    
    1. 看起来它没有将评论的HTML转换为jade,导致缩进无效。在转换为jade时是否有任何配置选项可以排除注释?

2 个答案:

答案 0 :(得分:0)

不,没有固定的方法来使用制表符或空格。但你可以毫无问题地从一个到另一个。也就是说,如果您将所有选项卡更改为空格,反之亦然,Jade将了解所写的内容,但必须是整个文档或文件必须更改。

建议,请注意空白和评论。

答案 1 :(得分:0)

当然,您可以在文本编辑器中从空格切换到制表符。例如Sublime:

  1. 在Sublime中粘贴html2jade的结果
  2. 在“查看”菜单中 - &gt;缩进,选择制表符宽度:2。
  3. 再次在视图菜单中 - &gt;缩进单击“将缩进转换为选项卡”。
  4. 工作完成了。

    关于你的第一个问题:它确实看起来像玉转换器将html注释视为不被翻译,这在某种程度上是合乎逻辑的。您可以使用以下方法轻松地在jade中设置块注释:

    //
      this is a
      block comment