トップページ > TinyMCE4の解説 > TinyMCE4のメニューについて

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)表示は、

となります。

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

 

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

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

  menubar: false,

を追加してください。

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

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

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

を追加(上記は一例)してください。 

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

 

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

※標準装備されているもの(core)
アイテム名 標準の場所 メニュー名 説明
newdocument ファイル 新規ドキュメント 新しい文書を作成
undo 編集 元に戻す 最後の操作を元に戻す
redo 編集 やり直す 最後に元に戻した操作をやり直す
visualaid 表示 表の枠線を点線で表示 ビジュアルエイドのオン/オフを切り替え
cut 編集 切り取り 現在の選択範囲をクリップボードに切り取る
copy 編集 コピー 現在の選択範囲をクリップボードにコピー
paste 編集 貼り付け 現在のクリップボードの内容をエディタに貼り付け
selectall 編集 全てを選択 エディタの内容をすべて選択
bold 書式 太字 現在の選択に太字の書式 <strong> を適用
italic 書式 斜体 現在の選択にイタリック体 <em> を適用
underline 書式 下線 現在の選択範囲にアンダーライン形式 <span style="text-decoration: underline;"> を適用
strikethrough 書式 打ち消し線 現在の選択範囲に取り消し線形式 <span style="text-decoration: line-through;"> を適用
subscript 書式 下付き文字 現在の選択範囲に下付き文字 <sub> を適用
superscript 書式 上付き文字 現在の選択範囲に上付き文字 <sup> を適用
removeformat 書式 書式をクリア 現在の選択範囲からすべての書式を削除
formats 書式 書式 使用可能なすべての書式フォーマットのメニュー
※プラグインと関連するもの(はfreo1.20.1で動作するもの)

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

アイテム名 標準の場所 メニュー名 関連プラグイン 説明
link 挿入  リンク link リンクダイアログを開く
openlink  (コンテキストメニュー) Open link link 選択したリンクのリンク先URLを新しいタブで開く
image  挿入 画像 image 画像の挿入・編集ダイアログを開く
charmap  挿入 特殊文字 charmap 特殊文字ダイアログを開く
pastetext  編集 テキストとして貼り付け paste プレーンテキストとしてペーストするかオン/オフで切り替え
print  ファイル 印刷 print 現在のドキュメントを印刷
preview  表示 プレビュー preview 現在のドキュメントをプレビュー
hr 挿入 水平罫線 hr エディタに水平罫線を挿入
anchor  挿入 アンカー(リンクの到達点) anchor エディタにアンカーを挿入
pagebreak  挿入 ページ区切り pagebreak エディタに改ページ(freoでは続きを読む)を挿入
spellchecker ツール スペルチェック spellchecker スペルチェッカーのオン/オフを切り替え
searchreplace  編集 検索と置き換え searchreplace 検索と置き換えダイアログを開く
visualblocks  表示 文章の区切りを点線で表示 visualblocks 可視性ブロックのオン/オフを切り替え
visualchars 表示 不可視文字を表示 visualchars 改行しないスペースの表示/非表示を切り替え
code  ツール ソースコード code ソースコードダイアログを開く
fullscreen  表示 全画面表示 fullscreen フルスクリーンのオン/オフを切り替え
insertdatetime  挿入 日付 insertdatetime 現在の日付/時刻をエディタに挿入
media  挿入 メディア media メディアの挿入・編集ダイアログを開く
nonbreaking 挿入 固定スペース(&nbsp;) nonbreaking 改行しないスペースをエディタに挿入
inserttable  table テーブルグリッドメニューを挿入
tableprops  表の詳細設定 table 表の詳細設定ダイアログを開く(テーブル選択時)
deletetable  表の削除 table 選択したテーブルを削除
cell  セル table 関連するコントロールを含むセルのメニュー
row  table 関連するコントロールを含む行のメニュー
column  table 関連するコントロールを含む列のメニュー
restoredraft ファイル 前回の下書きを復活させる autosave 最新の自動保存されたドラフトに復元
fullpage ファイル ドキュメントのプロパティ fullpage 全ページのプロパティを文書化する
toc 挿入 目次 toc エディタに目次を挿入
help Help Help help ヘルプダイヤログを開