サイト上のユーザーがHTMLを作成するには、サイトのスタイルシートと競合しないでください。

Question

私は、ユーザーがブログ投稿を作成できるウェブサイトを持っています。リストにはいくつかのタグがありますが、ほとんどの標準HTMLタグが使用できます。

ただし、ページの表示方法に問題があります。

HTMLを独自のdivにラップしておきます。

私は最終的には、スタイルシートを継承しないように、そしてHTMLが表示されている元のサイトのレイアウトをねじれないように、メインサイトのスタイルシートとは別のユーザーからHTMLを保持したいと思います。

最終的に、divの内容が他のサイトから隔離されるようにdivに適用できるものはありますか？

ありがとうございます！

Answer 1

リセットスタイルシートを使用して、その特定のDIVのプロパティとその子をリセットすることができます。もう一方の側では、具体的にはユーザーのスタイルシートを調整するCSSパーサーが必要でしょう。DIV

Answer 2

自動的に追加できる他のクラス名に加えて、クラス 'username'のdivで各ユーザー生成コンテンツをフォーマットできますか？

次に、彼らは、彼らが好きなように書式とスタイルを設定できると仮定します。すべてのスタイルは、そのように書かれています。div.username selector。

それ以外の場合は、iframeを使用することができます。

Answer 3

フレームまたはiframeで行うことができます。それはあらゆる点でそれを別々に保つでしょう。

Answer 4

本当に極端になりたい場合は、iframeを使って完全に分離しておくことができます。

それとも、あなたは彼らがあなたのページのスタイルシートに影響を与えることができないように、書き込みのみインラインスタイルにそれらを制限することができます：

1）任意のスタイルタグを取り除くには、ユーザーが作成するHTML。こうして、彼らはあなたのスタイルを無効にすることはできません。

2）コードを検証して、閉じられていないタグやdiv内にあるべきでない要素（headタグやbodyタグなど）を修正または拒否し、すべてが正しく閉じられていないことを確認してくださいあなたのページのdivの後ろにあるHTML。