shrink.inc.php†
サマリ | 範囲を隠したり表示したり |
リビジョン | 0.1 |
対応バージョン | 1.4.3 |
投稿者 | Logue |
投稿日 | |
長ったらしい説明文をコンパクト化します。
ちなみに、スタイルシートやJavaScriptはプラグイン内に格納してあります。
使い方†
&shrink(タイトル){内容};
サンプル†
Epilogue:Web素材/サンプル/shrink.inc.php
ダウンロード†
サンプルページより
更新履歴†
今後の予定†
- ブロック要素化
- 内容で他のプラグインを呼び出せるようにする(画像とか)
- クッキーで表示したままにするかしないにするか
- 一括表示/非表示ボタン
コメント†
- 参考:自作プラグイン/region.inc.php --
- こんにちわ。便利なpliginをありがとうございます。 -- kahata
以下のようにするとwiki書法が使えるようになりますよ。
return '<div><button class="box" title="Switch" onclick="showHide(this, 'div')">+</button>' . $title . '<div class="shrink_box">' . convert_html($summary) . '</div></div>';
- convert_htmlを入れるだけだと改行を行末と認識してくれないので挙動がおかしくなります。(行末のチルダなど) -- watashi
$summary = explode("\r", $summary);
return '<div><button class="box" title="Switch" onclick="showHide(this, 'div')">+</button>' . $title . '<div class="shrink_box">' . convert_html($summary) . '</div></div>';
↑みたいに$summaryを一行ずつの配列にすればうまく動きます。
- 2022年現在のブラウザだと初期状態で折り畳みが開いて表示される不具合の改善方法。「styled-js(GitHub - vercel/styled-jsx: Full CSS support for JSX without compromises)」を導入し、以下のように修正すれば改善します(PukiWiki 1.5.1+Firefox100.0.2で確認)。 -- moerrari
変更箇所1
<style type="text/css">
! <!-- <![CDATA[
以下に変更
<style jsx>
変更箇所2
}
//]]>-->
</style>
HTML;
以下に変更
}
</style>
HTML;