ลบเมนูและแถบสถานะใน TinyMCE 4

113

ฉันกำลังพยายามลบเมนูและแถบสถานะออกจาก TinyMCE 4 เพราะฉันต้องการตั้งค่าตัวแก้ไขขั้นพื้นฐาน เป็นไปได้หรือไม่

เอกสารสำหรับ TinyMCE 3 ดูเหมือนจะไม่เกี่ยวข้องและฉันไม่พบสิ่งใดสำหรับเวอร์ชัน 4

tinymce

— Tom Haigh
แหล่งที่มา

คุณสามารถทำได้อย่างง่ายดาย!

— Shivanshu

12

@ShivanshuSrivastava: ล้อเล่นใช่มั้ย? :)

— Sk8erPeter

253

ฉันดูแหล่งที่มาและมันค่อนข้างชัดเจน:

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

สิ่งนี้จะลบทั้งสองอย่าง

คุณยังสามารถกำหนดส่วนของแถบเมนูเริ่มต้นที่มองเห็นได้โดยระบุสตริงของเมนูที่เปิดใช้งาน - เช่น menubar: 'file edit'

คุณสามารถกำหนดเมนูของคุณเองได้ดังนี้:

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

— Tom Haigh
แหล่งที่มา

4

พิมพ์ผิดmenuBar: 'file edit'menubar: 'file edit'

— เล็กน้อย

! ที่ดีเยี่ยม มีความคิดอย่างไรที่จะปรับแต่ง textarea เฉพาะแทนที่จะเป็นทั้งหมด

— abbood

"มีความคิดอย่างไรที่จะปรับแต่งพื้นที่ข้อความเฉพาะแทนที่จะเป็นทั้งหมด" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", โดยที่ IdOftextAreaEtc เป็นรหัสของการควบคุมที่จะใช้สำหรับ tinyMCE

— David Bridge

1

@DavidBridge ไวยากรณ์นี้ใช้สำหรับเวอร์ชัน 3.x. จาก 4.x คุณสามารถใช้tinymce.init({ selector: "textarea#IdOfTextarea"})(เหมือนกับไวยากรณ์ css)

— bvgheluwe

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สำหรับความช่วยเหลือเพิ่มเติม

— PHP-coder
แหล่งที่มา

4

ดังนั้นจึงมีการระบุไว้อย่างชัดเจนในเอกสารของพวกเขาที่ทำให้ค่าเป็นเท็จ

    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/สำหรับรายละเอียดเพิ่มเติม

— SIMRAN RAJ
แหล่งที่มา