#author("2024-10-25T12:32:11+09:00","default:kanateko","kanateko")
#author("2024-12-07T00:27:39+09:00","default:kanateko","kanateko")
&tag(プラグイン,自作,追加);


CENTER:#ref(tab.jpg,center,wrap,400x0)

#contentsx

*タブ切り替え表示プラグイン [#x4043488]
#infobox(plugin){{
name=tab
ver=2.3.2
ver=2.3.3
pukiwiki=1.5.4
update=2023-10-25
update=2023-12-07
}}

指定した領域をタブで表示切り替えできるようにするプラグイン。

-このプラグインでできること
--ページを任意の範囲で分割してタブ化
--タブのラベルは自由に設定可能
--分割用のキーワードを変更可能 (デフォルト: #split or #-)
#clear

*ダウンロード[#nc904a0b]
最新: [[GitHub>https://github.com/kanateko/pukiwiki-plugin]]

|~日付|~バージョン|~備考|h
|2024-12-07|2.3.3|#ul(タブ数が二桁以上のときに内容が正常に表示されない問題を修正)|
|2024-10-25|2.3.2|#ul(groupの指定がない場合にstartの指定が効かない問題を修正)|
|~|2.3.1|#ul(startで開始位置の指定に失敗した場合の処理を追加)|
|~|2.3.0|#ul(初期状態で表示するタブを指定するオプション (start) を追加)|
|2024-09-22|2.2.0|#ul(ページ内のタブを同期させるオプション (gorup) を追加)|
|2024-08-17|2.1.0|#ul(ラベルでPukiWiki記法が利用可能に,classオプションが機能していなかった問題を修正)|
|2023-07-21|2.0.1|#ul(入れ子のプラグインを探す際の正規表現を修正)|
|2023-07-20|2.0.0|#ul(コードを全体的に改善,class指定オプションの追加,マルチラインプラグインの入れ子に対応)|
|2022-02-08|1.3.0|#ul(別タイプの書式を追加)|
|~|1.2.0|#ul(コードを整理,ラベルの数が足りない場合のエラーを追加)|
|2020-10-16|1.1.0|#ul(タブの最大数を3つ -> 無制限に変更)|
|~|1.0.0|#ul(全体的に手直しをして公開)|
|2019-06-30|0.1.0|#ul(タブの個数が最大で3つのプロトタイプを作成)|

*セットアップ [#ma9d057e]
+ダウンロードした「plugin-tab」の中身 (skinフォルダとpluginフォルダ) をPukiWikiのディレクトリに放り込む。
+pukiwiki.ini.phpを編集してマルチラインプラグインを許可する。

#prism(diff-php diff-highlight){{
- define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 1); // 1 = Disabled
+ define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 0); // 1 = Disabled
}}

**使用方法 [#gf4f575f]
 #tab{{
 #:1個目のタブの表示名
 1個目のタブに表示する内容
 #:2個目のタブの表示名
 2個目のタブに表示する内容
 #:3個目のタブの表示名
 3個目のタブに表示する内容
 ︙
 }}


もしくは

 #tab(1個目のタブの表示名,2個目のタブの表示名,3個目のタブの表示名,...){{
 1個目のタブに表示する内容
 #-
 2個目のタブに表示する内容
 #-
 3個目のタブに表示する内容
 #-
 ︙
 }}

*オプション [#a18f6b6d]
:class = |クラスを追加する。
:group = |グループ名を設定する。グループ名を設定したタブを切り替えると、同じグループ名の他のタブも切り替わる。[[switchプラグイン>../switch]]と同等の機能。
:start = |初期状態で表示するタブを指定する。数字、もしくは正規表現で指定できる。groupと併用した場合、それ以降の同じグループのタブにも適用される。

*使用例 [#me8eb03d]
#tab{{{
#:表示
includexプラグインと組み合わせ
#tab{{
#:expand.inc.php
#includex(自作プラグイン/expand,section=(num=1),num=12:,permalink=>>expand.inc.php)
#:slideshow.inc.php
#includex(自作プラグイン/slideshow,section=(num=1),num=9:,permalink=>>slideshow.inc.php)
#:twitter.inc.php
#includex(自作プラグイン/twitter,section=(num=1),num=8:,permalink=>>twitter.inc.php)
#:youtube.inc.php
#includex(自作プラグイン/youtube,section=(num=1),num=8:,permalink=>>youtube.inc.php)
}}
#:ソース
 includexプラグインと組み合わせ
 #tab{{
 #:expand.inc.php
 #includex(自作プラグイン/expand,section=(num=1),num=12:,permalink=>>expand.inc.php)
 #:slideshow.inc.php
 #includex(自作プラグイン/slideshow,section=(num=1),num=9:,permalink=>>slideshow.inc.php)
 #:twitter.inc.php
 #includex(自作プラグイン/twitter,section=(num=1),num=8:,permalink=>>twitter.inc.php)
 #:youtube.inc.php
 #includex(自作プラグイン/youtube,section=(num=1),num=8:,permalink=>>youtube.inc.php)
 }}
}}}

**旧書式を使用した場合 [#seb52406]
 #tab(expand.inc.php,slideshow.inc.php,twitter.inc.php,youtube.inc.php){{
 #includex(自作プラグイン/expand,section=(num=1),num=2:,permalink=>>expand.inc.php)
 #-
 #includex(自作プラグイン/slideshow,section=(num=1),num=2:,permalink=>>slideshow.inc.php)
 #-
 #includex(自作プラグイン/twitter,section=(num=1),num=2:,permalink=>>twitter.inc.php)
 #-
 #includex(自作プラグイン/youtube,section=(num=1),num=2:,permalink=>>youtube.inc.php)
 }}

*追加したい機能 [#rc557fc6]
-特になし

*備考 [#u664f1f3]
-新書式はラベルとコンテンツの関連性がよりわかりやすくなることを期待して追加した。


*コメント [#n8472dd2]
#pcomment(reply)