如何将其转换为 html 可读代码？

Question

我在模板上找到了这个，想知道我如何使它工作？ 我试过取消注释它，但它似乎没有解决。

li.dropdown.navbar-cart
                  a.dropdown-toggle(href='#', data-toggle='dropdown')
                      span.icon-basket
                      |
                      span.cart-item-number 2
                  ul.dropdown-menu.cart-list(role='menu')
                      li
                          .navbar-cart-item.clearfix
                              .navbar-cart-img
                                  a(href='#')
                                      img(src='assets/images/shop/product-9.jpg', alt='')
                              .navbar-cart-title
                                  a(href='#') Short striped sweater
                                  |
                                  span.cart-amount 2 × $119.00
                                  br
                                  |
                                  strong.cart-amount $238.00
                      li
                          .navbar-cart-item.clearfix
                              .navbar-cart-img
                                  a(href='#')
                                      img(src='assets/images/shop/product-10.jpg', alt='')
                              .navbar-cart-title
                                  a(href='#') Colored jewel rings
                                  |
                                  span.cart-amount 2 × $119.00
                                  br
                                  |
                                  strong.cart-amount $238.00
                      li
                          .clearfix
                              .cart-sub-totle
                                  strong Total: $476.00
                      li
                          .clearfix
                              a.btn.btn-block.btn-round.btn-font-w(type='submit') Checkout

Answer 1

我假设它是一种 pug 模板语言，我只是使用pughtml.com将其转换回 html ：

<li class="dropdown navbar-cart"><a class="dropdown-toggle" href="#" data-toggle="dropdown"><span class="icon-basket"></span><span class="cart-item-number">2</span></a>
<ul class="dropdown-menu cart-list" role="menu">
    <li>
        <div class="navbar-cart-item clearfix">
            <div class="navbar-cart-img"><a href="#"><img src="assets/images/shop/product-9.jpg" alt=""/></a></div>
            <div class="navbar-cart-title"><a href="#">Short striped sweater</a><span class="cart-amount">2 &times; $119.00</span><br/><strong class="cart-amount">$238.00</strong></div>
        </div>
    </li>
    <li>
        <div class="navbar-cart-item clearfix">
            <div class="navbar-cart-img"><a href="#"><img src="assets/images/shop/product-10.jpg" alt=""/></a></div>
            <div class="navbar-cart-title"><a href="#">Colored jewel rings</a><span class="cart-amount">2 &times; $119.00</span><br/><strong class="cart-amount">$238.00</strong></div>
        </div>
    </li>
    <li>
        <div class="clearfix">
            <div class="cart-sub-totle"><strong>Total: $476.00</strong></div>
        </div>
    </li>
    <li>
        <div class="clearfix"><a class="btn btn-block btn-round btn-font-w" type="submit">Checkout</a></div>
    </li>
</ul>
</li>