我正在创建一个Web应用程序,可以在其中显示文档。在我的文档中,我经常会有一些代码片段,因此我使用了棱镜(https://prismjs.com/)来格式化我在管理页面上的文本字段中输入的文本。
问题在于,每当我在文本字段中输入代码时,它都会在第一行中这样放置空格:
import { Pipe, PipeTransform } from '@angular/core';
import { UserService } from '../user.service';
我的代码看起来像这样:
模板:
<pre><code class="language-{{ subdoc.language }}">
{{ subdoc.code }}
</code></pre>
答案 0 :(得分:1)
删除{{ subdoc.code }}
前的空格/制表符
您必须精疲力尽。大多数时候,我们认为复杂的编码是出问题的地方,但在您的情况下,这就是HTML。
您肯定知道<pre>
标签的工作原理。现在了解一下
<pre><code class="language-{{ subdoc.language }}">
{{ subdoc.code }}
</code></pre>
还有这个
<pre><code class="language-{{ subdoc.language }}">
{{ subdoc.code }}
</code></pre>
快乐编码;)