TinyMCE 4 এ মেনু এবং স্থিতি বারগুলি সরান

Question

আমি টিনিএমসিএ 4 থেকে মেনু এবং স্ট্যাটাস বারগুলি সরিয়ে দেওয়ার চেষ্টা করছি কারণ আমি খুব বেসিক সম্পাদক সেটআপ করতে চাই। এটা কি সম্ভব?

টিনিএমসিই 3 এর জন্য ডকুমেন্টেশনটি প্রাসঙ্গিক বলে মনে হচ্ছে না এবং আমি সংস্করণ 4 এর জন্য কিছুই খুঁজে পাচ্ছি না।

Comments

ভাল CSS আপনি সহজেই তা করতে পারেন!

— শিবংশু

@ শিভাংশু শ্রীবাস্তব: আপনি মজা করছেন, তাই না? :)

— 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'

— 1313

চমৎকার! সকলের পরিবর্তে কোনও নির্দিষ্ট পাঠ্যকে কীভাবে কাস্টমাইজ করবেন?

— Abbood

"সমস্ত আই'এম এর চেয়ে কোনও নির্দিষ্ট পাঠ্য কীভাবে কাস্টমাইজ করবেন?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", যেখানে আইডোফেক্সটেক্সটআরিয়াএইটিসি হ'ল ক্ষুদ্র এমসিসি ব্যবহারের জন্য নিয়ন্ত্রণের আইডি

— ডেভিড ব্রিজ

@ ডেভিডব্রিজ, এই বাক্য গঠনটি 3.x সংস্করণের জন্য is ৪.x থেকে আপনি tinymce.init({ selector: "textarea#IdOfTextarea"})(অনেকটা সিএসএস সিনট্যাক্সের মতো) ব্যবহার করতে পারেন ।

— bvgheluwe

Answer 2

আপনি যদি উপর থেকে পুরো মেনু বারটি সরাতে চান

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,
   })

ভি 5 এর সর্বশেষ আপডেটে আপনি মেনুবারটি এর মতো প্রদর্শন করতে পারেন

    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/ আরো বিস্তারিত জানার জন্য