Могу ли я скрыть блок нефрита от рендерера?

Я пытаюсь создать руководство по стилю в 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 как «внешний» язык шаблонов не подлежит обсуждению, и он должен работать в angular. Я использую только prismjs, потому что мой предыдущий выбор (highlighterjs) не поддерживает jade.

Спасибо.


pug syntaxhighlighter prism.js
person leff    schedule 27.06.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Просто используйте точку после тега или класса для интерполяции

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

Пример

person Velichko Konstantin    schedule 29.06.2016
comment
Я вижу, это работает! Спасибо! Но я думаю, что документация, которую вы хотите, на самом деле относится к блокировке в теге, которую можно найти здесь jade-lang.com /reference/plain-text (страница интерполяции использует p. в примере, но на самом деле документирует синтаксис #[a...]) - person leff; 29.06.2016