残りのサイトからのスタイルの継承を防ぎながら、HTMLプレビューを表示するにはどうすればよいですか？

Question

私はユーザーにいくつかのHTMLを書くことができるテキストエリアを持っています。

これで、JSoupを使用してサニタイズする（消毒された文字列を返す）コントローラーに生のHTMLを送信するajaxをトリガーする「プレビュー」リンクをクリックすることができます。

次に、匿名化されたHTMLをモーダルダイアログボックスに表示します。

モーダルダイアログボックスでは、他のサイトとCSSスタイルがカスケードされていますが、のHTMLプレビューが表示されます。

解決策を見つけられませんでした（例：Any way to display some heavily-styled HTML in isolation from the rest of site's styles?が見つかりました）。

私はあなたの助けに感謝します！

-ryan

Answer 1

あなたは、サイトのCSSのテンプレート不在でそれまでのiframeを開くサーバー上のテキストファイルにプレビューを書くことができます。

私はあなたの問題は、一般的なCSSセレクタに由来すると考えます。

div p{ 
    background:#fff; 
} 

それともので、一般的な、しかし、それはあなたのプレビューによって捕捉されているように不特定ではないようなもの。