5

我正在 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>

在此处输入图像描述

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

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

在此处输入图像描述

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

谢谢

4

0 回答 0