在HAML中的前/代码标签中嵌入代码

Question

我试图得到一些代码语法高亮我写的一些文档，我使用HAML和Highlight.js这将适用于像这样的单行Ruby代码（虽然高亮不是很好）：

   %pre
     %code
       \=link_to('link name on page', 'link destiation', :class => 'class-name', :icon => 'clock-o', :icon_last => true)

但是如果我尝试在< code>pre和< code>code标记中编写一些CSS，就像这样:

  %pre
    %code
      ul {
        li {
          Background: red;
        }
      }

我得到“非法嵌套：纯文本嵌套是非法的。”错误，由于CSS末尾的括号。

有人知道使用HAML在网页上编写代码示例（主要是SASS、Ruby、HAML、Coffeescript）的插件/方法吗？不仅仅是在一行上写所有的css。我的目标是这样的结果——CSS技巧

Answer 1

您可以使用＜code＞：preserve＜/code＞过滤器：

%pre
  %code
    :preserve
      ul {
        li {
          Background: red;
        }
      }

这可以防止缩进的代码被解析为 Haml，并将换行符转换为实体，以便代码按预期显示，没有额外的空格。

如果仅使用：丑陋选项，则可以改用:plain过滤器。这不会将换行转换为实体，但会阻止解析为Haml。