以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>

Answer 1

根据Chris Eppstein的this article。我很快就知道haml对内联内容不是很好。

  

当我说内容时，我指的是网页的内容。那是什么东西   在你拿走了页眉，页脚，侧边栏，广告等之后离开了   用户在那里阅读的东西。不要使用Haml添加标记   你的内联内容。    - 克里斯埃普斯坦

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

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

Answer 2

%article
  %header.article-header Example

我不确定你要保留的空白区域。 HAML可以在“漂亮”模式下渲染它，为您提供漂亮的格式，包括缩进和间距，或“丑陋”模式，没有缩进。