2014-07-10 3 views
0

editor.windowManager.open 용 TinyMCE 4.x 사용자 정의 플러그인 js에 문제가 있습니다. autoScroll : true, height : 500, width : 800 및 몇 개의 매개 변수를 사용했지만 높이와 너비 만 적용됩니다. 스크롤바가 보이지만 작동하지 않고 본문 내용이 표시됩니다.TinyMCE 4.x editor.windowManager.open 자동 스크롤 및 넘침 문제

editor.windowManager.open({ 
    autoScroll: true, 
    height: 500, 
    width: 800, 
    resizable : true, 

답변

3

나는 동일한 문제가있었습니다.

.mce-window .mce-container-body.mce-abs-layout { 
     overflow: visible; 
    } 

그것이 당신의 창에 클래스를 추가 수정하려면 :

var win = editor.windowManager.open({ 
    autoScroll: true, 
    width: 670, 
    height: 500, 
    classes: 'myAwesomeClass-panel' 
}); 

그리고 일부 CSS와 함께 대상 :

.mce-window.mce-container.mce-myAwesomeClass-panel .mce-container-body.mce-abs-layout { 
    overflow: hidden; 
} 
워드 프레스는 editor.min.css에서 다음과 같은 규칙을 추가합니다 때문입니다

패널에 클래스를 추가하고 CSS 만 적용하면 기본 제공되는 WPS와의 간섭을 방지 할 수 있습니다.

+0

을 WP는-포함 내가 var에 승리를 사용하는 방법을 알고하지 않았다 = editor.windowManager.open()하지만 관리가 가능합니다. 감사합니다 – Atul

+0

Brilliant! 다만 추가하는 - '정확한 대상으로'대신에 이상 클래스의 "ID"를 사용하는 것이 유용 할 수 있습니다 JS : VAR 승리 = editor.windowManager.open ({ 자동 스크롤 : 사실, 폭 : 670, 을 높이 : 500, id : 'myMcePanel' }); CSS : # myMcePanel-body { 오버플로 : 숨김; } –

0

는 또한 같은 문제가하지만 난 CSS 위치에 다음과 같은 코드 변경을 사용하여 그것을 해결 :/CSS/editor.min.css

.mce-window .mce-container-body.mce-abs-layout{ 
    overflow: auto; 
}