freoカスタマイズ集

TinyMCE4のメニューについて

メニューバーの設定方法

freoのver1.20.0の admin.js ではメニューバーの設定の記載はありませんが、メニューを任意に設定する場合は、admin.js の //TinyMCE 以降の部分に、menubar オプション（以下は一例）

  menubar: 'file edit insert view format table tools',、

または、menu オプション（以下は例として、ver1.20.0のメニューバーと同じに設定したもの）

  menu: {
    file: {title: 'File', items: 'newdocument print'},
    edit: {title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall | searchreplace'},
    insert: {title: 'Insert', items: 'media image link | charmap anchor insertdatetime'},
    view: {title: 'View', items: 'visualblocks 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: 'code'}
  },

を追加してください。

メニューのタイトル(title)表示は、

• file：File⇒ファイル
• edit：Edit⇒編集
• insert：Insert⇒挿入
• view：View⇒表示
• format：Format⇒書式
• table：Table⇒表
• tools：Tools⇒ツール

となります。

各アイテム(items)の設定は、以下のメニューアイテム一覧にあるアイテム名欄のものをご使用ください（複数使用する場合は半角空白で区切り、仕切り線を設ける場合は「 | 」を使用）。

メニューバーそのものを表示しない

admin.js の //TinyMCE 以降の部分に、menubar オプションとして、

  menubar: false,

を追加してください。

コンテキストメニュー（右クリック）の設定

admin.js の //TinyMCE 以降の部分に、contextmenu オプションとして、

  contextmenu: "formats link image inserttable | cell row column deletetable",

を追加（上記は一例）してください。 

設定は、以下のメニューアイテムの表にあるアイテム名欄のものをご使用ください（複数使用する場合は半角空白で区切り、仕切り線を設ける場合は「 | 」を使用）。

TinyMCE4.xのメニューアイテム

※標準装備されているもの(core)

※プラグインと関連するもの（※はfreo1.20.1で動作するもの）

関連プラグイン名はプラグイン一覧の設定名と同じ