使用PrismJS的角度 - 不显示的行号

时间:2017-12-19 14:01:51

标签: angular prismjs

我正在Angular开发一个应用程序,它使用PrismJS显示动态发送的一些代码,具体取决于所选的按钮。以下代码正确显示行号。

<pre class="line-numbers" data-start="5">
 <code class="language-markup">
  &lt;div&gt;&lt;a data-icon="fa-file-o"&gt;File&lt;/a&gt;&lt;/div&gt;
 </code>
</pre>

enter image description here

但是像这样使用PrismJS根本不会显示行号。

<pre class="line-numbers" data-start="5">
 <code class="language-markup" [innerHtml]="myCode">
 </code>
</pre>

enter image description here

真的想知道为什么会发生这种情况, Prism Line Numbers 插件会检查代码标记之间的行块吗?如果是这样,有没有办法使用Angular动态传递代码并指定起始行号?

由于

0 个答案:

没有答案