TinyMCE 막대를 숨기십시오

Question

나는 tinymce를 사용하고 나는 단추 툴바를 은폐하고 싶다. 그렇게 할 수있는 방법이 있습니까?

Answer 1

편집기 외부의 링크 나 툴바 자체에서이 작업을 수행하는 플러그인이 있습니다.

http://www.neele.name/pdw_toggle_toolbars/

다운로드하여/tiny_mce/플러그인/폴더에 압축을

그런 다음 추가 :

$('textarea.tinymce').tinymce({ 
    plugins : "pdw,your other plugins ... " 
    // All of your other configurations 
    theme_advanced_buttons1 : "pdw_toggle,bold,italic,underline and the rest... 
    // Add PDW 
    pdw_toggle_on : 1, 
    pdw_toggle_toolbars : "2,3,4" 
} 

Answer 2

신속하고 더러운 수정은 단순히 CSS를 통해 그것을 숨길하는 것

#my_textarea_id_tbl tr.mceFirst { display:none; } 

시각적 인 이유만으로 이것이 enoug 일 수있는 경우 h. ed이 TinyMCE에 편집기 인스턴스에 대한 참조 인 경우

Answer 3

, 도구 모음 숨기기 위해 다음과 같은 jQuery를 조각을 사용할 수 있습니다 :

$('#'+ed.id+'_toolbargroup').parent().css('display','block') 

그것을 다시 얻을

$('#'+ed.id+'_toolbargroup').parent().css('display','none'); 

사용; (1) 당신이

EQ를 대체하기위한

Answer 4

$(".mceToolbar:eq(1)").hide(); 

작동됩니다 버튼 컨테이너 도구 모음 예를 들어, 당신이 나무 DOM에 대한 검사를 할 경우 EQ (2) 식 (3), EQ (4) ..

Answer 5

, 당신은 발견 할 것이다 :

<a id="tinyelement_external_close" href="javascript:;" class="mceExternalClose"></a> 

을 그래서 JQuery와 명령을 추가로 내면의 HTML을 가지고

$('a#tinyelement_external_close').html('Close') 

다음 당신은해야합니다 :

<a id="tinyelement_external_close" href="javascript:;" class="mceExternalClose">Close</a> 

하면 toolb의 오른쪽 상단에 close 링크를 찾기 페이지를 새로 고침 ar. 클릭하십시오. 툴바가 숨겨집니다.

<script type="text/javascript"> 
    tinymce.init({ 
     menubar: false, 
     statusbar: false, 
     toolbar: false 
    }); 
</script> 

Answer 6

당신이 TinyMCE를 초기화에서 다음을 설정할 수 있습니다 TinyMCE에 사용 4 : 옵션을 사용하지 않고 깨끗한 편집기를 원하는 경우 여기

toolbar: false 

는 초기화의 전체 고장 예입니다 tinymce4, 인라인 모드에서 나는 간단하게 다음을 사용합니다 :

tinymce.EditorManager.activeEditor.getElement().blur(); 

Answer 7

:

Answer 8

단순한 사용 테마 : '없음',

Answer 9

우리가 메뉴에서 잘라 내기, 복사, 붙여 넣기 숨길 수 있습니다 : : theme_advanced_statusbar_location '고급'

tinymce.init({ 
    selector: 'textarea', // change this value according to your HTML 
    menu: { 
    file: {title: 'File', items: 'newdocument'}, 
    edit: {title: 'Edit', items: 'undo redo | selectall'}, // | cut copy paste pastetext we can remove it because it won't work 
    insert: {title: 'Insert', items: 'link media | template hr'}, 
    view: {title: 'View', items: 'visualaid'}, 
    format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'}, 
    table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'}, 
    tools: {title: 'Tools', items: 'spellchecker code'} 
    } 
});