У меня есть редактор wysiwyg (angular -редактор ):
<angular-editor [(ngModel)]="code" name="code"></angular-editor>
Под редактором я пытаюсь использовать ngx-highlight js:
<pre>
<code [highlight]="code" [lineNumbers]="true">
Итак, когда я набираю в редакторе что-то вроде <p>test</p>, я бы хотел, чтобы код (ngModel) был <p>test</p> вместо <p>test</p>, чтобы он стал выделено в <code>.
Я пробовал использовать трубу:
transform(html: string): SafeHtml {
return this.sr.bypassSecurityTrustHtml(html);
}
Это не работает, и в любом случае значение может быть HTML, JS, любое язык и, возможно, несколько языков, поэтому я не могу обойти и HTML и JS (я полагаю, потому что есть методы доверия HTML и trustScript).
Итак, как code может быть <p>test</p> (ответ должен охватывать не только HTML, но любой язык, либо <script>...</script>) вместо <p>test</p>?
Я думаю, что я не могу использовать класс DomSanitizer, потому что он охватывает HTML или Script, а не оба .
NB. Меня не волнует безопасность, только я буду использовать приложение.