差異處

這裏顯示兩個版本的差異處。

--- dokuwiki:syntax:slider [2016/05/31 22:56]
ghsrobert [試用 folded]
+++ dokuwiki:syntax:slider [2017/05/12 21:53] (目前版本)
ghsrobert [試用 hidden]
@@ 行 5: / 行 5: @@
   * 原來 [[doku>plugin:wrap]] 可能就可以達成了
     * 似乎還可搭配 [[doku>plugin:togglewrap]] ☞ ++說明|{{url>https://www.dokuwiki.org/plugin:togglewrap}}++
-  * <sup>20160529 //車上用手機//</sup> 也可搜尋 ''fold'' 或 ''collapse'' 之類的。剛就找到 [[doku>plugin:hidden]]
+  * <sup>20160529 //車上用手機//</sup> 也可搜尋 ''fold'' 或 ''collapse'' 之類的。剛就找到 [[doku>plugin:hidden]] ☞ ++說明|{{url>https://www.dokuwiki.org/plugin:hidden}}++
     * <sup>20160531 續找</sup> [[doku>plugin:folded]] 的語法就蠻接近 TiddlyWiki 的 InlineSliderPlugin 的感覺
     * <wrap lo>[[doku>plugin:inline_folding]]、[[doku>plugin:inline_folding2]] 都沒維護了</wrap>
@@ 行 11: / 行 11: @@
     * 先試 folded 好了！togglewrap 和 hidden 比較麻煩
     * 另外還有 [[doku>plugin:outliner]] 或許也可試試
+    * 還有依 section 摺疊的 [[doku>plugin:sectiontoggle]] ☞ ++說明|{{url>https://www.dokuwiki.org/plugin:sectiontoggle}}++
+  * <sup>20160603</sup> 用了幾天的 folded 確實很不錯，不過再看了一下 tooglewrap，感覺動畫效果也挺漂亮，有機會仍可試試
+  * /^20160607^/ 裝了 outliner，希望可以隱藏 included page？← 也是不行 <<泣>>
+  * /^20160615^/ [[bootstrap-wrapper|Bootstrap Wrapper]] 的 collapse 元件透出一線生機？++Collapse [Lotar's Wiki]|[[http://www.lotar.altervista.org/dokuwiki/wiki/plugin/bootswrapper/collapse|（原文連結）]]
+{{url>http://www.lotar.altervista.org/dokuwiki/wiki/plugin/bootswrapper/collapse}}++
 ===== 試用 folded =====
@@ 行 20: / 行 25: @@
   * 要注意，似乎無法在預覽模式中使用
   * 不像 TiddlyWiki slider 有華麗動畫，但堪用，語法也很簡單，讚！
-  * 試了一下，iframe 也可以用在 ''++'' 內耶
+  * 試了一下，iframe 也可以用在 ''%%++%%'' 內耶
-{{tag>todo}}
+++++//標籤不支援格式//|
+^ 表 ^ 格 ^
+| 哈 | 囉 |
+++++
+%%++巢狀|
+++無效|哈哈++
+++
+|++%%
+===== 試用 hidden =====
+  * editor 的工具列上會有一個按鈕
+  * <hidden>測試</hidden> ← 不能用在 list 裡？！全都是 block element？<div><hidden>測試，預設是<del>開啟</del>關閉的</hidden></div>（所以得用 %%<div>%% 包起來了）
+===== 試用 togglewrap =====
+  * <WRAP>這樣無效：
+<code>{{togglewrap>#test1|測試 1}}<wrap #test1 hi>愛與和平</wrap></code>
+{{togglewrap>#test1|測試 1}}<wrap #test1 hi>愛與和平</wrap>
+</WRAP>
+  * <WRAP><code>{{togglewrap>test1|測試 1}}<wrap test1 hi>愛與和平</wrap></code>
+{{togglewrap>test1|測試 1}}<wrap test1 hi>愛與和平</wrap>
+<del>也不行</del>可以了（後來可以了），可見 ''//wrapname//'' 不能有 ''#''；那反正 wrap 可以吃好幾個 class，可能第一個 class 就變成 wrapname 吧
+</WRAP>
+  * <WRAP>☞ ++參考一下範例：|（[[http://jonas.tuxfamily.org/wiki/playground/playground/togglewrap|連結]]{{url>http://jonas.tuxfamily.org/wiki/playground/playground/togglewrap}}++
+照搬過來：
+><WRAP>
+{{togglewrap>section_1&checked|Show section 1}} ({{togglewrap>not_section_1|Hide section 1}})
+{{togglewrap>section_A|Show section A}}
+<WRAP section_1>
+===== Section 1 =====
+Content of section 1
+<WRAP section_A>
+==== Section A ====
+Content of section A
+</WRAP>
+</WRAP>
+===== Label toggler =====
+{{togglewrap>label_toggle&checked|Show label A, hide label B}}
+<wrap label_toggle>label A</wrap><wrap not_label_toggle>label B</wrap>
+</WRAP>
+<del>也不行耶！是本站的問題嗎？</del>← 好了，可以了，可能因為上面 folded 的測試文字導致 slider 沒有正確結尾，影響到下面本來應該正常運作的 togglewrap
+</WRAP>
+  * 不過預覽模式中仍不會有作用
+===== 【問題】include 的內容都無法隱藏？ =====
+  * /^20160607^/ include 進來的頁面好像無法 fold？← /^20160621^/ 發現 include 的 ''inline'' flag 正是解決此問題而生！
+    * <code>++這樣引用果然不 okay|{{page>wrap}}++</code>
+    * /^20160621^/ ++換行，並且加 inline 就行了|{{page>wrap&inline}}++
+      * 不換行的話好像會失敗，不知為何，也許是 folded 的問題
+  * 也無法 togglewrap！<code>{{togglewrap>無法隱藏}}<wrap wrap>{{page>wrap}}</wrap></code>
+    * /^20160621^/ 這個即使加 ''inline'' /-目前也還沒試成功-/終於成功了：{{togglewrap>hey|可以隱藏嗎}}<wrap hey>{{page>wrap&inline}}</wrap>可以！
+  * 如果加 ''inline'' flag？<code>{{page>wrap&inline}}</code> ← /^20160621^/ 當然可以，可是你之前忘記把這個宣告放到 folded/wrap 中！
+outliner：/^20160621^/ 本來沒加 ''inline''，後來加 ''inline'' 試試，終於成功了：
+--> 打開
+{{page>wrap&inline}}
+<--
+===== 試用 outliner =====
+--> 一般的
+內容
+--> 包一層
+內容
+<--
+外面的
+<--