TinyMCE - 외부 툴바 위치

TinyMCE를 사용하여 다중 텍스트 상자, 클릭 편집 유형 그래픽 컨텐츠 편집기를 만들려고합니다. TinyMCE를 추가하고 제거하고, 위치와 크기를 지정하고, 클릭하여 편집하는 등의 작업을 할 수있는 시점에 TinyMCE가 있습니다.하지만 한 가지는 저를 괴롭 히고 툴바입니다.TinyMCE - 외부 툴바 위치

"저장 및 닫기"버튼과 다른 도구 버튼과 함께 페이지의 아래쪽 가장자리를 따라 위치시키려는 외부 도구 모음이 있습니다. 외부 툴바는 TinyMCE에 의해 DIV에서 "mceExternalToolbar" 클래스로 생성됩니다. 나는 페이지 스타일 시트에 position: fixed과 left:과 top: 속성을 설정하려했으나 그것을 만들 때 아무런 소용이 없었습니다 - TinyMCE는 DIV에 position: absolute과 top: -28px을 설정했습니다.

프로젝트 제한으로 인해 TinyMCE의 소스 코드를 수정할 수 없지만 추가 CSS 파일로 보완 할 수 있습니다.

올바른 방향으로 도구 모음을 올바르게 배치 할 수 있습니까?

출처

2009-04-06 Fritz H

제공된 스타일 시트의 CSS 선택기가 작성중인 선택기를 재정의합니다.

body div.mceExternalToolbar { 
    position: fixed ; 
    top: -28px ; 
};

아니면 대체 할 !important 지시어를 사용 : 선택 특이 !important 모두에 대한 세부 내용은

.mceExternalToolbar { 
    position: fixed !important ; 
    top: -28px !important ; 
}

무엇을 당신이해야 할 것은 더 큰 특이성의 선택과 도구 모음 요소를 대상 중 하나입니다 , the W3C's documentation을 참조하십시오.

출처

2009-04-06 22:11:15

천재 천재, 고마워! :) –

선택기 특이성은 CSS에서 중요하지만 자주 언급되지 않습니다. –

TinyMCE - 외부 툴바 위치

답변

관련 문제