TinyMCE 4のメニューとステータスバーを削除する


113

非常に基本的なエディターをセットアップしたいので、TinyMCE 4からメニューとステータスバーを削除しようとしています。これは可能ですか?

TinyMCE 3のドキュメントは関連性がないようで、バージョン4には何も見つかりません。


まあCSSあなたはそれを簡単に行うことができます!
Shivanshu 2013

12
@ShivanshuSrivastava:冗談だよね?:)
Sk8erPeter 2014年

回答:


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年

優れた!すべてではなく特定のテキストエリアをカスタマイズする方法はありますか?
14

「全部ではなく特定のテキストエリアをカスタマイズする方法はありますか?」 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.