我可以"隐藏"来自渲染器的一块玉?

时间:2016-06-27 22:22:16

标签: pug syntaxhighlighter prism.js

我试图在jade + prismjs + angular中构建一个样式指南。它将有玉代码示例。所以我需要一些我的玉石来保持玉石。"例如:

//- source.jade
.description A component
pre.code-example
  code.language-jade
    .my-component
      .my-component-title Hello
      .my-component-body World

我希望将其渲染为

//- rendered.html
<div class="description">A component</div>
<pre class="code-example">
  <code class="language-jade">
    .my-component
      .my-component-title Hello
      .my-component-body World
  </code>
</pre> 

有没有办法告诉玉只留下code.language-jade的内容?

我还会考虑完全不同的方法。玉作为外在的&#39;模板语言是不可协商的,它必须以有角度的方式工作。我只使用prismjs,因为我之前的选择(highlighterjs)并不支持jade。

THX。

1 个答案:

答案 0 :(得分:1)

只需在标记或类之后使用点进行插值

.description A component
pre.code-example
  code.language-jade.
    .my-component
      .my-component-title Hello
      .my-component-body World

http://jade-lang.com/reference/plain-text/

Example