PukiWikiでWYSIWYG編集

インストール方法は基本的にプラグインダウンロード元の記述に沿って修正したが、一部わかりにくい部分と間違っている部分があったこともあり、自分のためにメモ。

用意するもの

• guieditプラグイン　1.63： プラグイン/GUI編集 - Frontier
• FCKeditor 2.6.4： FCKeditor - The text editor for Internet
• PukiWiki 1.4.7： FrontPage - PukiWiki-official

PukiWiki配置

基本的にディレクトリコピーすれば動く。公開する場合は設定が必要だがとりあえず省略。

quieditプラグイン配置

1. 「guiedit.inc.php」 を PukiWiki の「plugin ディレクトリ」に配置する。
2. 「guiedit ディレクトリ」を PukiWiki の「skin ディレクトリ」に配置する。

FCKeditor配置

解凍ファイルから「fckeditor」を PuKiWiki の「skin ディレクトリ」に配置する。

PukiWiki修正

ナビゲータにリンク追加

skin/pukiwiki.skin.php：

記述追加。

<?php _navigator('edit') ?> |
<?php echo '<a href="' . $script . '?cmd=guiedit&page=' . $r_page . '">' .
           $lang['guiedit'] . '</a>' ?> |

ja.lng.php：

記述追加。

$_LANG['skin']['edit']      = '編集';
$_LANG['skin']['guiedit']   = '編集（GUI）';

pukiwiki.ini.php設定

JavaScript有効化：

define('PKWK_ALLOW_JAVASCRIPT', 1);

非推奨要素使用設定：

$pkwk_dtdを以下のいずれかに変更。

• PKWK_DTD_XHTML_1_0_TRANSITIONAL
• PKWK_DTD_HTML_4_01_TRANSITIONAL

見出し単位の編集

lib/convert_html.php - Bodyクラス - getAnchor：

記述追加。

$anchor = ' &aname(' . $id . ',super,full){' . $_symbol_anchor . '};';
$anchor .= " &guiedit(#$id,paraedit,nolabel);";

pukiwiki.ini.php：

$fixed_heading_anchor と $fixed_heading_anchor_edit を 1 に変更(と書いてあったが、$fixed_heading_anchorは元々1で、$fixed_heading_anchor_editは無かった模様)

$fixed_heading_anchor = 1;
$fixed_heading_anchor_edit = 1;

ツールバーにリンク追加

ja.lng.php：

記述追加。

$_LANG['skin']['edit']      = '編集';
$_LANG['skin']['guiedit']   = '編集（GUI）';

lib/html.php：

記述追加。

$_LINK['edit']     = "$script?cmd=edit&page=$r_page";
$_LINK['guiedit']  = "$script?cmd=guiedit&page=$r_page";

skin/pukiwiki.skin.php：

記述追加。

$_IMAGE['skin']['edit']     = 'edit.png';
$_IMAGE['skin']['guiedit']     = 'edit.png';

<?php _toolbar('edit') ?>
<?php _toolbar('guiedit') ?>

ちなみに、同様の機能を持ったWikiサービスは増えてきているが、サーバインストール型Wikiではあまり数がないらしく他にはあまり見かけず。Kwikiもプラグイン追加によりWYSIWYG編集が可能となるみたいだが、ダウンロードしてみたところmakeを使うインストール形式だったためWindowsでは難しそうだった。

カエルチュウイホウ - Kwiki+WikiwygでWYSIWYGなWIKI