エントリー

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

  • カテゴリーTinyMCE3

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

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

    選択すると登録してあるテンプレートがプレビューに表示されます。
    ファイル 55-3.jpg

    挿入ボタン(ちょっと下の方になります)を押すとテンプレートが挿入されます。
    ファイル 55-4.jpg

ページ移動

関連エントリー

コメント

椿

こちらで配布されているカスタマイズはどれも使い勝手がよく、とても重宝しております。

現在media管理で作成したテンプレートで
ページのオプションを表示させているのですが、
「管理メニュー」→「システム管理」→「メディア管理」で編集したテンプレートが
新規に登録したページにのみ反映され、
過去に登録したページは編集前のテンプレートのままで、反映されません。
手動で直そうとも考えたのですが、ページ数が多いため
できれば一括で変更させたいのです。
良い方法がありましたらご教授ください。

  • 2014/06/17 10:00:00

ccc

データベースの一括変更は、一旦必要な部分のデータベース(ページの場合freo_pages)をエクスポートし、念のためコピーをとって、UTF-8のBOMなしが使えるエディタで検索&置換してインポートするくらいしか思いつきません。
個人的にもそうしています。

  • URL
  • 2014/06/17 22:08:00

椿

エクスポート→修正→インポートで上手くいきました!
ありがとうございました!

  • 2014/06/24 14:08:00

ユーティリティ

2024年03月

- - - - - 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
31 - - - - - -

キーワード検索

キーワード検索フォーム

ユーザー

  • cccのアバター

新着画像

ブログパーツ

Twitter

Twilogを見る

Feed