TinyMCE 4에서 메뉴 및 상태 표시 줄 제거


113

매우 기본적인 편집기를 설정하고 싶기 때문에 TinyMCE 4에서 메뉴와 상태 표시 줄을 제거하려고합니다. 이게 가능해?

TinyMCE 3에 대한 문서는 관련성이없는 것 같고 버전 4에 대한 문서를 찾을 수 없습니다.


잘 CSS 당신은 쉽게 할 수 있습니다!
Shivanshu 2013

12
@ShivanshuSrivastava : 농담이지? :)
Sk8erPeter

답변:


253

나는 소스를 보았고 꽤 분명했습니다.

tinyMCE.init({
    menubar:false,
    statusbar: false,
        //etc
})

이것은 둘 다 제거합니다.

활성화 된 메뉴 문자열을 지정하여 기본 메뉴 표시 줄의 표시되는 부분을 사용자 지정할 수도 있습니다. menubar: 'file edit'

다음과 같이 고유 한 메뉴를 정의 할 수 있습니다.

menu : {    
    test: {title: 'Test Menu', items: 'newdocument'} 
},
menubar: 'test'

4
작은 오타 : menuBar: 'file edit'이어야합니다menubar: 'file edit'
Cory Mawhorter 2013 년

우수한! 전체가 아닌 특정 텍스트 영역을 사용자 정의하는 방법은 무엇입니까?
abbood

"모든 텍스트가 아닌 특정 텍스트 영역을 사용자 정의하는 방법에 대해 알고 있습니까?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", 여기서 IdOftextAreaEtc는 tinyMCE에 사용할 컨트롤의 ID입니다.
David Bridge

1
@DavidBridge,이 구문은 버전 3.x 용입니다. 4.x부터 tinymce.init({ selector: "textarea#IdOfTextarea"})(css 구문과 매우 유사)를 사용할 수 있습니다 .
bvgheluwe 2014

28

상단에서 전체 메뉴 표시 줄을 제거하려는 경우

tinymce.init({
    menubar: false,

});

그러나 일부 하위 메뉴가있는 사용자 정의 메뉴 바를 원한다면

tinymce.init({
    menu: {
        file: {title: 'File', items: 'newdocument'},
        edit: {title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall'},
        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'}
    }
});

자세한 내용은 TinyMCE 를 참조하십시오 .


4

따라서 값을 false로 만드는 것이 문서에 명확하게 나와 있습니다.

    tinymce.init({
    menubar: false,
    branding: false,
    statusbar: false,
   })

v5의 최신 업데이트에서 메뉴 바를 다음과 같이 표시 할 수 있습니다.

    tinymce.init({
     menu: {
      edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall searchreplace' },
      insert: { title: 'Insert', items: 'image link charmap pagebreak' },
      format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat' },
      table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' }
    },
    menubar: 'edit insert format table',
});

자세한 내용 은 https://www.tiny.cloud/docs/ 를 참조하십시오.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.