乐胖代购免代理版

freoのTinyMCEのテンプレートにメディア管理のファイルを使う

2012/10/06 17:13
カテゴリー：TinyMCE3

freoのver.1.11.0よりメディア管理でテキスト形式のファイルが扱えるようになりましたが、これでファイルを挿入してもファイルへのリンクが貼られるだけ...エントリーやページの登録に使えるテンプレートとしてメディア管理で作成・編集したファイルをTinyMCEのテンプレートプラグインで使えるようにします。

js/admin.js の「//TinyMCE」以降のうち赤字部分を追加してアップします。

//TinyMCE
tinyMCE.init({
～（略）～
  plugins: 'advimage,advlink,autosave,contextmenu,fullscreen,inlinepopups,pagebreak,searchreplace,table,visualblocks,template',
～（略）～
  theme_advanced_buttons1: 'bold,strikethrough,|,bullist,numlist,|,table,|,formatselect,|,visualaid,visualblocks,code,fullscreen,template,help',
～（略）～
  theme_advanced_buttons3: '',
  template_templates : [
    {
      title : "テンプレート1",
      src : freo_path + 'files/medias/template1.html',
      description : "テンプレート1"
    }, //複数ある時はカンマで区切ります
    {
      title : "テンプレート2",
      src : freo_path + 'files/medias/template2.html',
      description : "テンプレート2"
    }
  ],
  theme_advanced_toolbar_location: 'top',

導入するとTinyMCEにtemplateの挿入アイコンが表示されます（赤丸の部分）。
ファイル 55-1.jpg

あらかじめテンプレートになるファイル（上記の場合では template1.html、template2.html）をメディア管理で登録します。
テンプレートの編集でHTMLタグを打ち込むのが面倒なら freoのメディア管理のファイル書き換えでTinyMCEを導入するをしておくと便利です。
テンプレートを使用するには、templateの挿入アイコンを押すと、テンプレートのダイヤログが表示されるので、定義済みのテンプレートを選択します。

選択すると登録してあるテンプレートがプレビューに表示されます。

挿入ボタン（ちょっと下の方になります）を押すとテンプレートが挿入されます。

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

freoカスタマイズ集

freoのTinyMCEのテンプレートにメディア管理のファイルを使う

関連エントリー

コメント

椿

ccc

椿

2024年11月

カテゴリー

タグクラウド

キーワード検索

ページ

リンク

ユーザー

新着画像

新着/更新エントリー

新着コメント

過去ログ

2023年

2022年

2021年

2020年

2018年

2017年

2016年

2015年

2014年

2013年

2012年

2011年

2010年

2009年

人気コンテンツ

ブログパーツ

Feed

メニュー

エントリー

ページ移動