2013-04-16 2 views
17

TinyMCE 4.0의 메뉴 모음을 사용자 정의 (추가 및 제거, e.t.c ..) 할 수있는 방법이 있습니까? 에디터의 특정 부분에 대한 문서를 찾을 수 없습니다. 아래 이미지는 제가 말하고있는 부분을 보여줍니다. enter image description hereTinyMCE "메뉴"메뉴 모음 사용자 정의

답변

30

버전 4는 주요 재 작성이며 문서는 한동안 동기화되지 않았습니다.

실험을 통해 개별적으로 드롭 다운을 활성화/비활성화하거나 전체 메뉴 모음을 비활성화 할 수 있음을 발견했습니다. 단지

활성화 특정 드롭 다운 :

tinymce.init({ 
    selector: "textarea", 
    menubar: "edit format" 
}); 

해제 도구 모음 :

tinymce.init({ 
    selector: "textarea", 
    menubar: false 
}); 

menubar configuration docs 이제 TinyMCE를 사이트에 추가되었습니다.

또한 전체 메뉴를 완전히 사용자 정의하려면 menu configuration docs을 확인하십시오.

// ... 
    menu : { 
    edit: { title: 'Edit', items: 'undo redo | cut copy paste selectall | searchreplace' }, 
    insert: { title: 'Insert', items: 'link charmap' }, 
    format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | removeformat' }, 
    table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' } 
    }, 
    toolbar: 'undo redo | bold italic underline | link hr | alignleft aligncenter alignright | blockquote bullist numlist outdent indent | code', 
// ... 

내가 주위를 파고에 의해 각 메뉴/버튼에 대한 용어를 발견

+0

감사합니다. 내가하고 싶었던 첫 번째 일은 그 술집을 없애는 것이 었습니다. – ClearCloud8

+2

tinyMCE 사람들이 바이올린 사이트를 구성한 것처럼 보이기 때문에 실험하기가 훨씬 수월합니다. http://fiddle.tinymce.com/ – alxndr

+0

Example fiddles의 대부분은 현재 3.x API를 기반으로하므로 부숴졌습니다 사이트가 그들을 위해 가장자리를 사용하도록 설정되어있는 동안 ... http://www.tinymce.com/forum/viewtopic.php?pid=107896#p107896 – alxndr

5

나는 메뉴 표시 줄 및 tinymce.init()에 전달 된 객체의 설정에 menutoolbar 속성을 조정하여 도구 모음을 모두 사용자 정의 결국 소스 코드에서 .addMenuItem(.addButton(을 찾으십시오.

+0

다음은 관련 문서 페이지입니다 (답변에 붙여 넣을 수 있음). http://www.tinymce.com/wiki.php/Configuration:menubar, http://www.tinymce.com/wiki.php/Configuration :메뉴. – Sk8erPeter

1

TinyMCE 4.x 버전에서 "code"플러그인은 편집기 콘텐츠의 HTML 코드를 표시/편집하는 데 사용됩니다.

control 도구 모음, 4.0.6 버전까지, theme_advanced_button<1-n> 옵션을 사용하지만, 4.0.6 버전 이상 toolbar 또는 toolbar<1-N> 옵션이 사용됩니다. 을 추가하여

는 "code은"도구 모음 옵션 플러그인, "도구" 메뉴는 "소스 코드" 하위 메뉴에 추가됩니다 (버튼 로 "<>" (아이콘)).

tinyMCE.init({ 
    // ...... 
    // ...... 
    plugins: "searchreplace code", 

    toolbar1: "separator forecolor backcolor code", 
    toolbar2: "<<<some buttons list>>>", 
    toolbar3: "<<<some buttons list>>>", 
    toolbar4: "<<<some buttons list>>>", 
}); 
+0

이 예제는 4.x API, ['theme_advanced_buttons <1-n>'옵션] (http://www.tinymce.com/wiki.php/Configuration3x : theme_advanced_buttons_1_n)은 3.x 버전에만 유효합니다. OP는 메뉴 막대를 제거/사용자 정의하는 방법을 질문했으나이 질문에 답하지 않았습니다. 이 답변을 삭제해야한다고 생각합니다. 감사. – Sk8erPeter

+0

친애하는 Sk8erPeter 님, Tinymce 4.0.6 버전 (초기 단계)에서 작업 중이며, theme_advanced_buttons <1-n> 옵션을 지원합니다. Tinymce 4.0.6 이상에서 도구 모음 <1-n>이 사용되고 있으며 현재 작업중인 제품 (현재 Tinymce 4.0.12 사용)에서도 동일하게 업데이트됩니다. 위의 내 대답을 업데이트했다. –

+0

답변을 편집 해 주셔서 감사 드리며, downvote를 삭제했습니다. :) 그런데, [나는 몇몇 문장/오타를 수정했다.] (http://stackoverflow.com/review/suggested-edits/3747253), 나는이 방법으로 대답이 정확하다고 생각한다. – Sk8erPeter

관련 문제