Проблема с bypassSecurityTrustHtml и UTF-8

Question

У меня есть канал, чтобы пометить некоторый HTML-код как безопасный. Но моя проблема в том, что некоторые персонажи превращаются в квадрат, когда я его использую.

Труба выглядит так:

import { Pipe, PipeTransform, SecurityContext } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Pipe({
   name: 'safeHtml'
})
export class SafeHtmlPipe implements PipeTransform {

constructor(private sanitized: DomSanitizer) {}

transform(value: string) {
 return this.sanitized.bypassSecurityTrustHtml(value);
}
}

И HTML-код:

<div [innerHTML]="feedItem.content | safeHtml"></div>

Кто-нибудь имеет представление о том, что это может быть?

Answer 1

Если вы получаете html из любой системы управления контентом, angular вычеркнет target = «_ blank» и некоторые другие свойства элемента

Если вы связываете innerHTMl без safeHTML, angular удалит некоторые изсвойства элемента.

Если вы используете safeHtml, angular будет игнорировать, не будет раздвигаться.

Какие бы специальные символы не отображали квадраты значков пользовательского интерфейса, он исчезнет, ​​если вы используете safeHtml

Обязательно добавьте эту трубу в модуль

Я надеюсь, что вы получили ответ