我试图在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。
答案 0 :(得分:1)
只需在标记或类之后使用点进行插值
.description A component
pre.code-example
code.language-jade.
.my-component
.my-component-title Hello
.my-component-body World