TinyMCE 4 में मेनू और स्टेटस बार निकालें

Question

मैं TinyMCE 4 से मेनू और स्टेटस बार को हटाने की कोशिश कर रहा हूं क्योंकि मैं एक बहुत ही मूल संपादक को सेटअप करना चाहता हूं। क्या यह संभव है?

TinyMCE 3 के लिए दस्तावेज़ीकरण प्रासंगिक नहीं लगता है और मुझे संस्करण 4 के लिए कुछ भी नहीं मिल रहा है।

Comments

अच्छी तरह से सीएसएस आप आसानी से कर सकते हैं!

— शिवांशु

@ शिवशिव श्रीवास्तव: आप मजाक कर रहे हैं, है ना? :)

— Sk8erPeter

Answer 1

मैंने स्रोत को देखा और यह बिल्कुल स्पष्ट था:

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

यह दोनों को दूर करता है।

आप यह भी अनुकूलित कर सकते हैं कि डिफ़ॉल्ट मेनू बार के कौन से भाग सक्षम मेनू के स्ट्रिंग निर्दिष्ट करके दिखाई दे रहे हैं - जैसे menubar: 'file edit'

आप अपने खुद के मेनू को इस तरह परिभाषित कर सकते हैं:

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

Comments

छोटा टाइपो: menuBar: 'file edit'होना चाहिएmenubar: 'file edit'

— Cory Mawhorter

अति उत्कृष्ट! किसी भी विचार कैसे सभी के बजाय एक विशिष्ट textarea अनुकूलित?

— abbood

"किसी भी विचार कैसे सभी के बजाय एक विशिष्ट textarea अनुकूलित?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", जहां IdOftextAreaEtc का नियंत्रण करने के लिए उपयोग करने के लिए idMCE है

— David Bridge

@DavidBridge, यह सिंटैक्स संस्करण 3.x के लिए है। 4.x से, आप tinymce.init({ selector: "textarea#IdOfTextarea"})(css सिंटैक्स की तरह) का उपयोग कर सकते हैं ।

— bvgheluwe

Answer 2

अगर आप ऊपर से पूरा Menu bar हटाना चाहते हैं

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 देखें ।

Answer 3

तो, यह स्पष्ट रूप से उनके डॉक्स में है कि मूल्यों को गलत बनाने के लिए।

    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/ अधिक जानकारी के लिए