HOME ＞ ---- ＞ prism.inc.php コードハイライトPukiWikiプラグイン

prism.inc.php コードハイライトPukiWikiプラグイン

概要

Prism.jsを使用してソースコードを装飾するためのプラグインです。

自作プラグイン - PukiWiki-officialへの投稿がうまくいかずに急遽HTMLで書きなおしたので少々説明が読みづらいです。

pluginディレクトリにprism.inc.phpを追加してください。
skinディレクトリ内にshディレクトリを作成し、prismjs.comでカスタマイズ・ダウンロードしたprism.jsとprism.cssを追加してください。

「<?php echo $head_tag ?>」がないスキンの場合は、<head></head>区間内にに、下記のようにそれらのファイルの読み込みを追加してください。

<link rel="stylesheet" type="text/css" media="screen" href="sh/prism.css" />
<script src="sh/prism.js"></script>

ブロック版を使うには、複数行の引数を使えるようにpukiwiki.ini.phpの「PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK」を0にしておく必要があります。

&prism(php,2,3-4,6);function example($hoge){  // ここから
  if($hoge === "fuga"){
    return true;
  }
  return false;
} // ここまで
#endprism

{{の次の行からコードを書き始め、終了行の次に}}で閉じる方式です。導入方法のとおり、複数行引数を有効化してある必要があります。
ブロック版に限り、括弧()内の最終引数をw=400のように書くことで、幅を設定することができます((preの外のdivでないとコピーボタンなどが外にあるままになったのでブロック版のみ))。
width:400 px;のようにcssな書き方にも一応対応しています。

prism(php,3,3-4,w=600){{
function example($hoge){ // ここから
  if($hoge === "fuga"){
    return true;
  }
    return false;
  } // ここまで
}}