Редактор Kolkov angular не поддерживает Iframe.
Пакет: https://www.npmjs.com/package/@kolkov/angular-editor
В редакторе вроде работает, но на лицевой панели ничего не отображается
Ожидаемый результат:





Для этого вам нужно внести изменения в конфиг редактора angular: Вам нужно установить sanitize: false.
config: AngularEditorConfig = {
sanitize: false,
.........................
};
Из-за senetize:false chrome выдает ошибку во внешнем интерфейсе, например:
ВНИМАНИЕ: при очистке HTML был удален некоторый контент (см. http://g.co/ng/security#xss).
Вы можете исправить эту ошибку, создав собственный канал для очистки HTML:
санитарная обработка-html.pipe.ts
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
@Pipe({
name: 'sanitizeHtml'
})
export class SanitizeHtmlPipe implements PipeTransform {
constructor(private _sanitizer: DomSanitizer) {
}
transform(v: string): SafeHtml {
return this._sanitizer.bypassSecurityTrustHtml(v);
}
}
В HTML
<p *ngIf = "appMessageData" [innerHTML] = "appMessage | sanitizeHtml"></p>
Это вам поможет :)
Нет лучшего ответа, чем этот. Спасибо!