Можно ли "спрятать" блок нефрита от рендерера?

Question

Я пытаюсь создать руководство по стилю в 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 в одиночестве?

Я также рассмотрю совершенно разные подходы. Jade как "внешний" язык шаблонов не подлежит обсуждению, и он должен работать на угловом уровне. Я использую только prismjs, потому что мой предыдущий выбор (highlighterjs) не поддерживает Jade.

Спасибо.

Answer 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/

пример