web-dev-qa-db-ja.com

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

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

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

111
Tom Haigh

私はソースを見て、それはかなり明白でした:

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

これにより両方が削除されます。

有効なメニューの文字列を指定することで、デフォルトのメニューバーのどの部分を表示するかをカスタマイズすることもできます。 menubar: 'file edit'

次のように独自のメニューを定義できます。

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

メニューバー全体を上部から削除する場合

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 を参照してください。

26
php-coder