haml - 在haml中渲染代码示例块

Question

我正在尝试创建一个内联代码块。我对haml有点陌生。

如何创建这样的内联代码块：

HTML

<code>
    <article>
    <header class="article-header">Example&lt;/header>
    </article>
</code>

一个人如何在haml中做到这一点？

我试过的：

%p
  %code
    &lt:article
    &lt;header class="article-header">Example</header>
    &lt;/article>

score 1 · Accepted Answer

根据Chris Eppstein 的这篇文章。我很快了解到，haml 对于内联内容不是很好。

当我说内容时，我指的是网页的内容。去掉页眉、页脚、侧边栏、广告等之后剩下的东西。用户在那里阅读的东西。不要使用 Haml 向内联内容添加标记。- 克里斯爱普斯坦

通过 haml 普通过滤器甚至降价过滤器通过它是理想的：

  %p
   :plain
     <article>
        <header class="article-header">Example</header>
     </article>

score 0 · Accepted Answer

%article
  %header.article-header Example

我不确定您要保留哪些空白。HAML 可以在“漂亮”模式下呈现它，为您提供带有缩进和间距的漂亮格式，或“丑陋”模式，没有缩进。

2 回答 2