사이트의 스타일시트와 충돌하지 않고 사이트에서 사용자가 작성한 HTML을 만드는 방법은 무엇입니까?

문제

사용자가 블로그 게시물을 작성할 수 있는 웹사이트가 있습니다.일부 목록에 포함된 태그가 있지만 대부분의 표준 HTML 태그가 허용됩니다.

그러나 페이지가 표시되는 방식에 문제가 있습니다.

HTML을 자체 div에 싸서 유지합니다.

나는 궁극적으로 사용자의 HTML을 기본 사이트 스타일시트와 별도로 유지하여 스타일 상속을 방지하고 HTML이 표시되는 원래 사이트의 레이아웃을 망치는 것을 방지하고 싶습니다.

그러면 결국 div에 적용하여 해당 콘텐츠가 사이트의 나머지 부분과 격리되도록 할 수 있는 방법이 있습니까?

감사해요!

해결책

재설정 스타일 시트를 사용하여 해당 특정의 속성을 재설정 할 수 있습니다. DIV 그리고 아이들입니다. 다른 한편으로는 해당 특정에 대한 사용자의 스타일 시트를 조정하려면 CSS 파서가 필요할 것입니다. DIV.

다른 팁

프레임이나 iframe에서 할 수 있습니다. 그것은 모든면에서 그것을 분리 할 것입니다.

자동으로 추가 할 수있는 다른 클래스 이름 외에도 각 사용자 생성 컨텐츠를 클래스 '사용자 이름'DIV로 포맷 할 수 있습니까?

그런 다음 그들은 '그들이 원하는대로 포맷과 스타일을 할 수 있다고 생각합니다. div.username selector.

그렇지 않으면 iframes를 사용할 수 있습니다.

정말로 극단적인 방법을 원할 경우 iframe을 사용하여 완전히 분리된 상태로 유지할 수 있습니다.

또는 페이지의 스타일시트에 영향을 주지 않도록 인라인 스타일만 작성하도록 제한할 수 있습니다.

1) 사용자가 생성한 모든 스타일 태그 html을 제거합니다.이렇게 하면 그들은 당신의 스타일을 무시할 수 없습니다.

2) 코드를 검증하고 닫히지 않은 태그나 div 내에 있으면 안 되는 요소(예: 헤드 또는 본문 태그)를 수정하거나 거부하고 모든 HTML이 제대로 닫히지 않도록 확인합니다. 포함된 div 뒤의 페이지입니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow