0

我正在创建一个 web 应用程序,我可以在其中展示文档。在我的文档中,我经常有一些代码片段,所以我使用 prism ( https://prismjs.com/ ) 来格式化我在管理页面上的文本字段中输入的文本。

问题是,每当我在文本字段中输入代码时,它都会在第一行产生空格,如下所示:

    import { Pipe, PipeTransform } from '@angular/core';  
import { UserService } from '../user.service';

我的代码看起来像这样:

模板:

<pre><code class="language-{{ subdoc.language }}">
        {{ subdoc.code }}            
</code></pre>
4

1 回答 1

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>

快乐编码;)

于 2019-07-01T07:50:48.863 回答