pligg活用術：ブログシステムとして使ってみる（２）

前回に引き続きPliggをブログとして使う場合の設定やカスタマイズのご紹介をしたいと思います。

（前回の記事はこちら）

簡易文章編集機能の「TinyMCEプラグイン」を使ったカスタマイズがフォーラムにあがっていますのでご紹介します。

TinyMCE

1. TinyMCEの配布サイトよりTinyMCEをダウンロード
2. TinyMCEを解凍して出来たtinymceフォルダのうち、tinymce > jscripts >配下にあるtiny_mceだけをpliggのルートディレクトリ配下にある3rdPartyフォルダに入れる（解凍ファイルを全部入れてしまいたくなりますが、それではうまく機能しません）
3. 管理者画面(admin_index.php) > pliggの設定(configure pligg) > 投稿(submit)を開き一番最初の欄にある「HTMLタグの許可」をチェック。以下のタグが入っていればOK。

   <br><font><img><p><a><strong><ul><li><ol><u><em><span><pre><h1><h2><h3><hr><embed>

4. pliggルートフォルダ配下のテンプレートフォルダから該当テンプレートフォルダを選択
5. pligg.tplファイルを開き、

   {checkForJs}

   と書かれているコードの後に、次のコードを追加して保存します

   {if $pagename eq "submit"}
   
    	<script language="javascript" type="text/javascript" src="{$my_pligg_base}/3rdparty/tiny_mce/tiny_mce.js"></script>
   
    {/if}

6. submit_step_2.tplファイルを開き、

   {config_load file="/libs/lang.conf"}

   と書かれているコードの後に以下のコードを追加して保存します

   {literal} <script language="javascript" type="text/javascript">
   
   tinyMCE.init({
   
   mode : "exact",
   
   elements : "bodytext",
   
   theme : "advanced",
   
   plugins : "advimage,advlink,emotions,iespell,insertdatetime,preview,media,visualchars,xhtmlxtras",
   
   theme_advanced_buttons1 : "bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,insertdate,inserttime,|,forecolor,backcolor,|,hr,removeformat,formatselect",
   
   theme_advanced_buttons2 : "link,unlink,image,media,|,undo,redo,cleanup,|,code,preview",
   
   theme_advanced_buttons3 : "",
   
   theme_advanced_toolbar_location : "top",
   
   theme_advanced_toolbar_align : "left",
   
   theme_advanced_path_location : "bottom",
   
   extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
   
   browsers : "msie,gecko,opera,safari"
   
   });
   
   </script>
   
   {/literal}

7. これでtinyMCEが機能します。