TinyMCE 포커스 메뉴 표시

저는 내 프로젝트에서 tinyMCE입니다.TinyMCE 포커스 메뉴 표시

두 개의 텍스트 영역이 있습니다. 활성화 된 컨트롤 만 표시해야합니다. 두 가지 옵션이 있습니다.

두 가지 공통 컨트롤이 있습니다.
비활성 편집기의 컨트롤을 숨 깁니다.

첫 번째 옵션을 알아낼 수 없습니다. 두 번째 접근 방식을 사용했습니다.

이제 편집기를 사용할 때 이벤트를 트리거 할 수 있습니다. 초점이 흐려지면 편집기에서 메뉴와 도구를 제거하는 데 도움이 필요합니다. (당신이 jQuery를 사용하는 가정)이 TinyMCE에 4 일

setup : function(ed) { 
      ed.on("focusout", function() { 
       tinyMCE.activeEditor.execCommand('mceSetAttribute','toolbar','false'); 
      console.log(tinyMCE.activeEditor.execCommand('mceSetAttribute','toolbar','false')); 
      }); 
      ed.on("focus", function() { 

       }); 
     }

출처

2014-07-16 Putty

나는 포커스 부분의 코드 부분에서 무엇을하고 있어도 틀렸다고 확신한다. 누군가가 코드가 무엇인지 말해 줄 수 있으면 고맙겠습니다. – Putty

'focuout' 이벤트 AFAIK가 없지만'blur' 이벤트가 있습니다. http://www.tinymce.com/wiki.php/api4:event.tinymce.Editor.blur –

: 여기

는 어떻게 두 번째 옵션에 접근 오전과 코드

setup: function(editor) { 
    editor.on("init", function() { 
     editor.contentParent = $(this.contentAreaContainer.parentElement); 
     editor.contentParent.find("div.mce-toolbar-grp").hide(); 
    }); 
    editor.on('focus', function() { 
     editor.contentParent.find("div.mce-toolbar-grp").show(); 
    }); 
    editor.on('blur', function() { 
     editor.contentParent.find("div.mce-toolbar-grp").hide(); 
    }); 
}

마이너 참고 : 당신이 할 수있는 AngularJS를 사용하는 경우 $(...) 대신 angular.element(...)을 사용하십시오.

출처

2017-03-11 00:39:02

TinyMCE 포커스 메뉴 표시

답변

관련 문제