Pukiwikiで入力ヘルパー導入
Pukiwikiで入力ヘルパー導入
※実経験の記憶を頼りに自宅の PC 環境(VMWareなど)で再現している内容もあるのでご注意下さい
2008-01-18
Pukiwiki で文字の色などを指定するのが面倒なので、ブログでも流行のパレットやアイコン設置ツールバーを導入。当初、input_helper.inc.php を使おうと思っていましたが、どうやら作者のサイトが長い間ダウンしているみたいなので断念。
そこで、LunaTear というサイトで説明されていた、inputtoolbar.inc.php を使うことにしました。inputtoolbar.inc.php は PukiWiki Plus! のモジュールを改良して、プラグイン化したもののようです。
サイトを参考にして早速導入してみます。サイトでは Pukiwiki1.4.5をベースに説明されていますが、ここでは現在最新の Pukiwiki1.4.7 を使います。
[動作環境] 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">
関連記事
上記の記事に関連する記事(最新の10件)です。
