haml中渲染代碼示例塊

-1

我試圖創建一個內聯代碼塊。哈姆，我有點新。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>

2013-07-29 chrisjlee

格式代碼正確由四個空格縮進它。 – Blender

對不起。也許我錯過了什麼，爲什麼我應該使用4個空格？ – chrisjlee

縮進你想用四個空格顯示爲代碼的文本（在你的SO問題中）。 – Blender

根據Chris Eppstein的this article。我很快就知道haml對於內聯內容不太好。

當我說內容時，我指的是網頁的肉。的東西在您拿走頁眉，頁腳，側邊欄，廣告等後會留下。用戶在那裏閱讀的東西。不要使用Haml將標記添加到您的內聯內容中。克里斯 - Eppstein的

它是理想的經由一個HAML普通過濾嘴，甚至是降價濾波器通這樣的：

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

2013-08-01 03:27:38 chrisjlee

恕我直言，這是可怕的，只是破壞了使用HAML的全部重點。我對**內容**有着非常不同的定義，並且在HAML中重新包裝純HTML/XML不是它。 –

如果我需要爲文檔目的顯示其他開發人員的代碼塊，您有什麼建議？你是否也閱讀過哈姆的發明者chris eppstein的文章？ – chrisjlee

在更新版本解釋您試圖將代碼塊包含爲純文本之前，我將註釋留給原始問題。您的原始問題沒有提及*需要顯示代碼塊以用於文檔目的*，並且您提供的答案對原始問題看起來很糟糕。是的，我前段時間閱讀過這篇文章，是的，你的解決方案是完全有效的。什麼不是很酷就是在我的問題上連續投票，因爲你不喜歡我的評論。 –

%article 
    %header.article-header Example

我不知道你想保存一下空格。 HAML可以在「漂亮」模式下渲染它，給你非常格式的縮進和間距，或者「醜陋」模式，沒有縮進。

2013-08-01 03:20:43

回答