Pukiwikiで入力ヘルパー導入

Pukiwikiで入力ヘルパー導入

PukiwikiPukiwikiで入力ヘルパー導入

Pukiwiki で文字の色などを指定するのが面倒なので、ブログでも流行のパレットやアイコン設置ツールバーを導入。当初、input_helper.inc.php を使おうと思っていましたが、どうやら作者のサイトが長い間ダウンしているみたいなので断念。

そこで、LunaTear というサイトで説明されていた、inputtoolbar.inc.php を使うことにしました。inputtoolbar.inc.php は PukiWiki Plus! のモジュールを改良して、プラグイン化したもののようです。

サイトを参考にして早速導入してみます。サイトでは Pukiwiki1.4.5をベースに説明されていますが、ここでは現在最新の Pukiwiki1.4.7 を使います。

LunaTear

[動作環境]
PukiWiki 1.4.7_notb
pukiwiki-1.4.7plus-u2-eucjp

まず、PukiWiki Plus! の最新版をダウンロードします。

[PukiWiki Plus!]
http://pukiwiki.cafelounge.net/plus/

次に Pukiwiki Plus! のモジュールを解凍して下記のファイルを抜き出します。
これを Pukiwiki と同じ階層にコピーします。
skin/assistant.js
skin/assistloaded.js
skin/gecko.js
skin/other.js
skin/winie.js
skin/default.js --> inputhelper.js に名前を変更

image/face/bigsmile.png
image/face/heart.png
image/face/huh.png
image/face/oh.png
image/face/sad.png
image/face/smile.png
image/face/star.gif
image/face/tear.png
image/face/umm.png
image/face/wink.png
image/face/worried.png

image/plus/adv31.png
image/plus/adv.png
image/plus/bg.png
image/plus/br.gif
image/plus/buttons.gif
image/plus/clip.png
image/plus/colors.gif
image/plus/comment.png
image/plus/easy.png
image/plus/ext.png
image/plus/hint.png
image/plus/home.png
image/plus/inn.png
image/plus/iplugin.gif
image/plus/ncr.gif
image/plus/outline_close.png
image/plus/outline_open.png
image/plus/paraedit.png
image/plus/referer.png
image/plus/trackback.png

次に、LunaTear のサイトから inputtoolbar.inc.php をダウンロードします。ダウンロードすると拡張子が txt になっているので、拡張子を消して inputtoolbar.inc.php に変更します。このファイルを Pukiwiki の plugin フォルダに入れる前に、Pukiwiki の設定を調整しておきます。

[1]
default.ini.php に画像の定義を追加します。
場所は下記のコメントがある連想配列の中です。
// Face marks, Japanese style
'\s(\(T\-T)'    => ' <img alt="$1" src="' . IMAGE_DIR . 'face/worried.png" />',
'\s(\(\^Q\^)'   => ' <img alt="$1" src="' . IMAGE_DIR . 'face/huh.png" />',
'\s(\(\^_\-)'   => ' <img alt="$1" src="' . IMAGE_DIR . 'face/wink.png"/>',
[2]
pukiwiki.ini.php で JavaScript の使用を許可します。
// PKWK_ALLOW_JAVASCRIPT - Allow using JavaScript
define('PKWK_ALLOW_JAVASCRIPT', 1);

※1が許可するです
これで、入力ヘルパーが使える状態になります。

(例)
#inputtoolbar

また、さらに全編集画面でヘルパーを使いたい場合はいくつか編集が必要です。
LunaTear のサイトにも書いてあるのでここでは diff の結果を載せておきます。
(Pukiwiki1.4.7でも前後のコードは一緒なので迷わないと思います)

既存ファイルが pukiwiki.skin.php、編集後が pukiwiki.skin.php.new とします。
pukiwiki.skin.php は Pukiwiki の skin フォルダにあります。
$ diff -u pukiwiki.skin.php pukiwiki.skin.php.new
--- pukiwiki.skin.php      2006-03-07 14:03:02.000000000 +0900
+++ pukiwiki.skin.php.new  2008-01-18 18:06:21.390625000 +0900
@@ -81,7 +81,7 @@
 <link rel="alternate" type="application/rss+xml" title="RSS" href="<?php echo $link['rss'] ?>" /><?php // RSS auto-discovery ?>

 <?php if (PKWK_ALLOW_JAVASCRIPT && $trackback_javascript) { ?> <script type="text/javascript" src="skin/trackback.js"></script><?php } ?>
-
+<?php if (PKWK_ALLOW_JAVASCRIPT) { ?><script type="text/javascript" src="<?phpecho SKIN_DIR?>inputhelper.js"></script><?php } ?>
 <?php echo $head_tag ?>
 </head>
 <body>
@@ -184,7 +184,7 @@
 <?php if ($notes != '') { ?>
 <div id="note"><?php echo $notes ?></div>
 <?php } ?>
-
+<?php if (PKWK_ALLOW_JAVASCRIPT) { ?><script type="text/javascript" src="<?php echo SKIN_DIR?>assistloaded.js"></script><?php } ?>
 <?php if ($attaches != '') { ?>
 <div id="attach">
 <?php echo $hr ?>
@@ -193,7 +193,7 @@
 <?php } ?>

 <?php echo $hr ?>
-
+<?php if (PKWK_ALLOW_JAVASCRIPT) { require_once(PLUGIN_DIR.'inputtoolbar.inc.php'); echo plugin_inputtoolbar_convert(); } ?>
 <?php if (PKWK_SKIN_SHOW_TOOLBAR) { ?>
 <!-- Toolbar -->
 <div id="toolbar">

最終更新日:

関連記事

人気記事

新着情報