角2：CSSスタイルで一部のコンテンツを削除したHTML

私はAngular 2コンポーネントでエディタのコンテンツをプレビューしようとしていますが（テキストを中心に適用した後）、角2：CSSスタイルで一部のコンテンツを削除したHTML

警告：HTMLを消毒すると、一部のコンテンツが削除されます（http://g.co/ng/security#xssを参照）。
プラットフォームbrowser.es5.js：1015

私はhtmlの検査：

<p>Text Here...</p>

しかし、私は取得エディタのコンテンツをプレビューするために）（はconsole.logを使用してみてください：

<p style="text-align: center;">Text Here...</p>

出典

2017-12-06 Salim Ben Hassine

これは、セキュリティ上の理由から、設計上、角度2+です。 DomSanitizerクラスを使用して回避することができます。

私は必要なものだけだ

<div [innerHTML]="htmlText | noSanitize"> 
</div>

出典

2017-12-06 19:51:29 AlesD

、感謝：

はその後

import { Pipe, PipeTransform } from '@angular/core'; import { DomSanitizer, SafeHtml } from '@angular/platform-browser'; @Pipe({ name: 'noSanitize' }) export class NoSanitizePipe implements PipeTransform { constructor(private domSanitizer: DomSanitizer) { } transform(html: string): SafeHtml { return this.domSanitizer.bypassSecurityTrustHtml(html); } }

あなたはこのような例のために結合してそれを使用することができます：あなたは値のサニタイズを防止パイプを作ることができます例えば

たくさん –

角2：CSSスタイルで一部のコンテンツを削除したHTML

答えて

関連する問題