Reset CSS 의 특정 영역에 대한 페이지?

StackOverflow https://stackoverflow.com/questions/1731555

  •  20-09-2019
  •  | 
  •  

문제

나는 작업에 CMS.하나의 기능의 편집 HTML"덩어리"소프트웨어의 편집기로 표시되는 개인적인 페이지.

나는 지역 CMS 에서는 이러한 덩어리들은 미리 볼 수 있습니다.

청크에 의존하고"재단입니다.css"파일이 있는 로드 WYSIWYG editor.그것은 몇 가지 작은 재설정,정의된 기본 글꼴과 텍스트 색상이고,전반적으로 아주 간단합니다.

CMS,물론,함께 제공됩 톤의 CSS 문의 많은 영향을 미치는 일반적인 설정을 다음과 같은 글꼴 크기,가족,색,선,높이 패딩과 같습니다.

자연적으로 빠르게 액세스할 수 있습을 표시하는 HTML 덩어리에 CMS 페이지 보이는 다양서를 표시할 때에만 기초합니다.css stylesheet.

할 수 있는 사람있는 방법을 생각 깨끗한된 지역에서는 HTML 페이지(예를 들어,DIV)에서 모든 이전 스타일의 정의는?나는 할 수 없습니다.

  • Iframe 표시하기 덩어리를 포함 foundation.css 도움이 될 것이다,그러나 나는 두려움에 대한 사용자의 워크플로우 5-10Iframe 를 렌더링하고 다음을 높이를 조정을 통해 JS 면 그들은 그가 로드되어 있습니다.좀.....

  • 나는 생각에 대해"드는"다른 모든 CSS 서브 클래스(예:조절 CMS'CSS)자,만지고,많은 파일이 어떤 아마 PHP 소스 코드,그리고 나는 오히려 하지 않는다.

나는 생각하지 않는 이 솔루션을 하지만 당신이 알고하지 않습니다.

도움이 되었습니까?

해결책

Wysiwyg 편집기의 코드가 포함 된 모든 DIV를 클래스에 제공 한 다음 해당 DIV 내부의 모든 내용을 재설정 할 수 있습니다.

다른 팁

거기 있습니다 CSS 재설정 스타일 시트 사용 가능; 아마도 수정할 수 있습니까?

GSTO가 말한 것에 추가하여 스타일을 설정할 수 있습니다.

div.clearCss *
{
  property: value !important 
}

모든 관련 스타일 속성이 재설정됩니다. 이 스타일은 클리어가 클래스로 설정된 요소 아래에있는 모든 것에 적용해야하므로 해당 클래스 만 부모 요소에만 적용하면됩니다.

CMS에서 특정 wysiwyg 편집기를 사용하고 있습니까? Telerik Radeditor를 사용하면 편집기의 실제 편집 영역에 특정 스타일 시트를 사용할 수 있습니다. 사용중인 편집기도 그렇게 할 수 있습니다.

행운을 빕니다. 이것이 도움이되기를 바랍니다.

만약 당신 TinyMCE 예를 들어,그들이 사용하도 iframe,나는 그들이 동일한 문제가 당신을 좋아합니다.내가 사용하여 내 백엔드와 일부 페이지에 4iframe.저는 모든 성능 문제입니다.

와 TinyMCE 그것은 가능한 가 압축 기능을 필요로 하는(PHP,JSP,.물 및 Coldfusion),이것은 당신에게 훌륭한 speedboost.

두 번 생각,bevore 당신이 당신의 WYSIWYG editor,다른 사람은 잘 테스트 및 침대의 아주 좋은 플러그인에 대한 거의 모든 필요합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top