TinyMCE 4 : 툴팁을 비활성화/숨기는 방법?

Question

저는 TinyMCE를 버전 4로 업그레이드했습니다. 기본적으로 툴팁이있는 것 같습니다.

툴바 항목에 마우스를 올려 놓으면 나타나는 툴팁을 비활성화하거나 숨기려면 어떻게합니까?

Answer 1

나는 가능한 해결책을 찾고 있었지만, 지금까지는 공식 문서에서 아무것도 발견하지 못했습니다. 내가 개발 tinymce.js 파일 (압축되지 않은 버전)에서 발견 한 것은 툴팁이 하드 코드되고 매번 포함되도록 설정되어 있다는 것입니다.

:

내가 가장 쉽고 안전한 방법 내가, CSS를 사용하는 것입니다 함께했다 영원히 툴팁을 숨기기 위해 주요 CSS 파일의 코드이 비트를 포함, 지금까지로, 툴팁을 사용하지 않도록 여러 가지 시도

.mce-widget.mce-tooltip { 
    display: none !important; 
} 

이 솔루션은 Javascript/jQuery 사용을 피하고 소스 파일 tinymce.js을 수정하지 않습니다.

Answer 2

나는 주위를 둘러 보았고 JQuery와 tinyMCE 4.x를 사용하여 동적 솔루션을 발견했다. TinyMCE에가 (init_instance_callback) 초기화 후

tinymce.init({ 
... 
    init_instance_callback : function() { 
    $("head").append("<style> .mce-tooltip{ display: none; } </style>"); 
    }, 
... 

그것은 클래스 MCE-툴팁을 변경 않습니다 :이 솔루션은 TinyMCE에 내부/비활성화 툴팁을 활성화 할 수 있습니다. 'display : block;'을 설정하십시오. 툴팁을 다시 표시하려는 경우. 가장 좋은 해결책은 아니지만, 작동합니다.

Answer 3

당신은 버튼 인스턴스에 액세스하고 false에 그 rendered 상태를 설정할 수 있습니다 : 나는/비활성화 툴팁을 활성화 할 수 TinyMCE에 4.x의에보다 동적 인 솔루션을 찾고있었습니다

var controlIds = editor.theme.panel.rootControl.controlIdLookup; 

for (let i in controlIds) { 
    if (controlIds[i].tooltip) { 
     controlIds[i].tooltip().state.set('rendered', false); 
    } 
}