• 追加された行はこの色です。
• 削除された行はこの色です。
• 自作プラグイン/spoiler へ行く。
• 自作プラグイン/spoiler の差分を削除

#author("2024-02-14T17:10:03+09:00","default:kanateko","kanateko")
#author("2024-02-14T17:10:50+09:00","default:kanateko","kanateko")
&tag(プラグイン,自作,追加);

#ref(spoiler.jpg,center,wrap,500x)

#contentsx

*計算式を解くプラグイン [#summary]

#infobox(plugin){{
name = spoiler
ver = 1.0.1
pukiwiki = 1.5.4
update = 2024-02-14
}}

ネタバレに配慮してページを作成したいときに使うプラグイン。指定した部分にぼかしをかけ、コンテンツを隠すことができる。

#clear

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

|~日付|~バージョン|~備考|h
|CENTER:120|CENTER:60|590|c
|2024-02-14|1.0.1|#ul(hover指定時の構造を改善)|
|2024-02-07|1.0.0|#ul(初版作成)|

*セットアップ [#setup]
+GitHubからダウンロードした「plugin-spoiler」フォルダの中身 (plugin, skin) をPukiWikiのディレクトリに放り込む。

*プラグイン設定 [#setting]
#style(word-break:break-all;,class=table_compact){{{
#tableif(^(int|\d+)$=COLOR(#62bf4b),^string|'$|DIR \.=COLOR(#cb643d),^(bool|true|false)$=COLOR(#463dcb)){{
|~定数 (PLUGIN_SPOILER_～)|~型|~初期値|~説明|h
|BOLD:BGCOLOR(--table-header-td-color):180|CENTER:80|220||c
|CSS|string|SKIN_DIR . 'css/spoiler.css'|CSSのパス|
|DEFAULT＿MODE|string|click|デフォルトのぼかし解除設定 (hover / click)|
}}
}}}

*使用方法 [#usage]
 &spoiler([オプション]){コンテンツ};
 
 #spoier([オプション]){{
 コンテンツ
 }}

**オプション [#option]
:hover|マウスオーバー時のみぼかしを解除する。
:click|クリックでぼかしを解除する。

*使用例 [#example]
#tab{{{
#:表示
↓ホバー
&spoiler(hover){カーソルを当てたときのみ、この文章が表示されます。};
↓クリック
#spoiler{{
&ref(../gallery/cat1.jpg,left,nowrap,300x);
クリックするとこの画像が表示されたままになります。
}}
#:ソース
 ↓ホバー
 &spoiler(hover){カーソルを当てたときのみ、この文章が表示されます。};
 ↓クリック
 #spoiler{{
 #ref(../gallery/cat1.jpg,left,nowrap,300x)
 クリックするとこの画像が表示されたままになります。
 }}
}}}

*備考 [#note]


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