2009-11-13 4 views
0

저는 CMS 작업을하고 있습니다. 하나의 기능은 개별 페이지로 표시되는 WYSIWYG 편집기에서 HTML "덩어리"를 편집하는 것입니다.페이지의 특정 영역에 대해 CSS를 재설정 하시겠습니까?

CMS에 이러한 청크가 미리보기되는 영역이 있습니다.

청크는 WYSIWYG 편집기에로드되는 "foundation.css"파일에 의존합니다. 작은 재설정을 수행하고 기본 글꼴과 텍스트 색상을 정의하며 전체적으로 매우 간단합니다.

CMS에는 CSS 문이 많이 포함되어 있으며 대부분이 글꼴 크기, 가족, 색, 줄 높이, 패딩 등과 같은 일반 설정에 영향을 미칩니다.

당연히 CMS 페이지에 HTML 청크를 표시하려고하면 foundation.css 스타일 시트와 함께 표시 될 때와 다르게 보입니다.

누구나 모든 이전 스타일 정의에서 HTML 페이지 (예 : DIV)의 정의 된 영역을 정리하는 방법을 생각할 수 있습니까? 나는 할 수 없다.

  • Iframe에 청크를 표시하고 도움이 될 foundation.css을 삽입하지만, 5 ~ 10 Iframe을가로드되면 JS를 통해 높이 렌더링하고 조정해야 할 때 사용자의 워크 플로우에 대해 우려하고있다. 왝.

  • 다른 모든 CSS를 하위 클래스 (예 : CMS의 CSS 조정)로 "들어 올리는"생각이 들었지만 많은 파일 (일부는 PHP 소스 코드)을 만지면됩니다. 그러지 마.

나는 해결책이 있지만 결코 알 수 없다고 생각합니다.

답변

1

WYSIWYG 편집기의 코드를 포함하는 div를 모두 클래스에 부여한 다음 해당 div 내부의 모든 것을 재설정 할 수 있습니다.

+0

예, 아마도 유일한 방법 일 것입니다. 그러나 나는 CMS의 어딘가에서 소개하는 모든 CSS 설정을 통해 리셋 기가 재설정되는 것을 확인해야하기 때문에 자동화 된 무언가를 기대하고 있습니다. 때로는 심지어 모르는 기본값을 재설정해야합니다. –

+0

예, 다른 스타일 시트 규칙과도 일치 할 수있는 콘텐츠 영역 안의 모든 요소 *에 대한 재정의가 필요할 수 있으며 재정의 규칙에 더 많은 특수성이 필요합니다. 어쩌면 당신이 모든 것을 '중요한'먼지에 뿌리지 않는 한 실제로 작동하지 않을 것입니다. – bobince

2

사용할 수있는 스타일 시트가 CSS Reset입니다. 아마 그걸 수정할 수 있겠 어?

0

GSTO 당신이 모든 관련 스타일의 호텔이 리셋

div.clearCss * 
{ 
    property: value !important 
} 

같은 설정 몇 가지 스타일을 가질 수 있습니다 말에 추가. 이 스타일은 clearCss가 클래스로 설정된 요소 아래의 모든 요소에 적용되어야하므로 해당 클래스를 부모 요소에만 적용하면됩니다.

0

CMS에서 특정 WYSIWYG 편집기를 사용하고 있습니까? Telerik RadEditor를 사용하면 편집기의 실제 편집 영역에 특정 스타일 시트를 사용할 수 있습니다. 당신이 사용하고있는 편집자도 그렇게 할 수있을 것입니다.

행운을 빌어 요, 이것이 도움이 되길 바랍니다.

0

예를 들어 TinyMCE을 사용하면 iframe도 사용하기 때문에 나는 당신과 같은 문제가 있다고 생각합니다. 내 백엔드에서 사용하고 일부 페이지에서는 iframe을 4 개 사용합니다. 성능 문제가 보이지 않습니다.

TinyMCE를 사용하면 필요한 기능을 압축 할 수 있습니다 (PHP, JSP, .NET 및 Coldfusion에서). 이로써 뛰어난 속도 향상을 얻을 수 있습니다.

두 번 생각해보십시오, 자신 만의 WYSIWYG 편집기를 작성하고 다른 것들은 잘 테스트되고 거의 모든 필요를 충족시킬 수있는 아주 좋은 플러그인이 있습니다.

관련 문제