angular - 无法绕过 angular sanitize 安全性

Question

我有一个所见即所得的编辑器（angular-editor）：

<angular-editor [(ngModel)]="code" name="code"></angular-editor>

在编辑器下方，我尝试使用ngx-highlightjs：

<pre>
  <code [highlight]="code" [lineNumbers]="true"></code>
</pre>

因此，当我在编辑器中输入类似 的<p>test</p>内容时，我希望代码 (ngModel)<p>test</p>改为<p>test</p>在<code></code>.

我尝试过使用管道：

transform(html: string): SafeHtml {
  return this.sr.bypassSecurityTrustHtml(html);
}

它不起作用，无论如何值可以是 HTML、JS、任何语言，也可能是多种语言，所以我不能同时绕过 HTML 和 JS（我猜是因为有 trustHTML 和 trustScript 方法）。

那么，怎么code可能<p>test</p>（答案不应该只涵盖HTML，而是任何语言<script>...</script>）而不是<p>test</p&gt？

我认为我不能使用 DomSanitizer 类，因为它涵盖了 HTML 或脚本，而不是两者。

注意：我什至不关心安全性，我只会使用该应用程序。

Answer 1

我必须格式化我想要突出显示的代码。