エントリー
freoのメディア管理のファイル書き換えでTinyMCEを導入する
- カテゴリー:TinyMCE3
- タグ:freoテンプレート
freoのver.1.11.0よりメディア管理でテキスト形式のファイルが扱えるようになりメディア管理のファイル編集でファイルの内容の書き換えができるようになりましたが、普通のテキスト文章ならともかく、HTML形式のタグ付き文を打つのはちょっと面倒...ということでTinyMCEで編集できるよう改良してみました。
管理メニュー→システム→メディア管理→編集画面のファイル書き換えでTinyMCEを使用する場合
- 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>
すると
が
になります。 - もしメディア登録、メディア管理も使用したいなら上記 /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を使用する場合
- 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>
- 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>
すると
が
になります。 - もしメディア登録、メディア管理も使用したいなら上記 /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>
するとインラインフレームの中に二重にインラインフレームが表示されて使用することができます。
※もし変更したテンプレートを元に戻した(TinyMCEの使用を辞める)場合は、必ず templates_c フォルダ内のphpファイルを全部削除してください。削除しないと元に戻らないようです。
関連エントリー
- 2023/09/05 freoのプロフィールやコメントでGravatarのアバターを表示する方法
- 2018/05/12 freoのエントリーのタグ投稿を楽にする方法
- 2018/03/16 freoのエントリーとページの編集画面で添付ファイルとイメージの画像を表示する方法
- 2018/03/16 freoのエントリーとページの編集画面でオプションの画像を表示する方法
- 2018/02/09 freoのエントリーとページの管理画面に閲覧制限情報を表示する
- 2017/06/10 freoのコメント登録フォームを折りたたむボタン
- 2017/06/10 freoのTinyMCEのバージョンをアップするには(HTML5に対応)
- 2017/06/10 freoをスマートフォンから見た時にリストのリンクなどをボタン化する
- 2017/05/23 freoの管理用テンプレートをBootstrap3でカスタマイズ
- 2015/04/05 freoで各記事に設定したフィルター名を表示する