ユーティリティ

2017年10月

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

エントリー

freoのメディア管理のファイル書き換えでTinyMCEを導入する

freoのver.1.11.0よりメディア管理でテキスト形式のファイルが扱えるようになりメディア管理のファイル編集でファイルの内容の書き換えができるようになりましたが、普通のテキスト文章ならともかく、HTML形式のタグ付き文を打つのはちょっと面倒...ということでTinyMCEで編集できるよう改良してみました。

管理メニュー→システム→メディア管理→編集画面のファイル書き換えでTinyMCEを使用する場合

  1. templates/internals/admin/media_form.html の166行目あたりにある
    <dd><textarea name="media[text]" cols="50" rows="10">{$input.media.text}</textarea></dd>
    の部分を
    <dd><textarea name="media[text]" cols="65" rows="30" id="tiny_mce">{$input.media.text}</textarea></dd>
    に変更(緑字赤字に)します。

    すると
    ファイル 54-1.jpg

    ファイル 54-2.jpg
    になります。
  2. もしメディア登録、メディア管理も使用したいなら上記 /templates/internals/admin/media_form.html の165行目あたりにある
    <dt>内容</dt>
    の部分を
    <dt>内容 <a href="{$freo.core.http_file}/admin/media?type=iframe" class="colorbox" title="メディア"><img src="{$freo.core.http_url}images/icons/media.png" alt="メディア管理" title="メディア管理" width="16" height="16" /></a> <a href="{$freo.core.http_file}/admin/media_form?type=iframe" class="colorbox" title="メディア"><img src="{$freo.core.http_url}images/icons/media_add.png" alt="メディア登録" title="メディア登録" width="16" height="16" /></a></dt>
    に変更(赤字を追加)します。

エントリー登録やページ登録などにあるインラインフレームのメディア管理→編集画面のファイル書き換えでTinyMCEを使用する場合

  1. templates/internals/admin/iframe_header.html の17行目あたりにある
    <script type="text/javascript" src="{$freo.core.http_url}{$smarty.const.FREO_JS_DIR}iframe.js"></script>

    <script type="text/javascript" src="{$freo.core.http_url}tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript" src="{$freo.core.http_url}{$smarty.const.FREO_JS_DIR}admin.js"></script>
    を追加します。
  2. templates/internals/admin/iframe_media_form.html の165行目あたりにある
    <dd><textarea name="media[text]" cols="50" rows="10">{$input.media.text}</textarea></dd>
    の部分を
    <dd><textarea name="media[text]" cols="65" rows="10" id="tiny_mce">{$input.media.text}</textarea></dd>
    に変更(緑字赤字に)します。

    すると
    ファイル 54-3.jpg

    ファイル 54-4.jpg
    になります。
  3. もしメディア登録、メディア管理も使用したいなら上記 /templates/internals/admin/iframe_media_form.html の164行目あたりにある
    <dt>内容</dt>
    の部分を
    <dt>内容 <a href="{$freo.core.http_file}/admin/media?type=iframe" class="colorbox" title="メディア"><img src="{$freo.core.http_url}images/icons/media.png" alt="メディア管理" title="メディア管理" width="16" height="16" /></a> <a href="{$freo.core.http_file}/admin/media_form?type=iframe" class="colorbox" title="メディア"><img src="{$freo.core.http_url}images/icons/media_add.png" alt="メディア登録" title="メディア登録" width="16" height="16" /></a></dt>
    に変更(赤字を追加)します。

    するとインラインフレームの中に二重にインラインフレームが表示されて使用することができます。
    ファイル 54-5.jpg

※もし変更したテンプレートを元に戻した(TinyMCEの使用を辞める)場合は、必ず templates_c フォルダ内のphpファイルを全部削除してください。削除しないと元に戻らないようです。

ページ移動

関連エントリー