dokuwiki:syntax:slider

差異處

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

連向這個比對檢視

Both sides previous revision 前次修改
下次修改 		前次修改
dokuwiki:syntax:slider [2016/05/31 23:25]
ghsrobert [試用 folded] 		dokuwiki:syntax:slider [2017/05/12 21:53] (目前版本)
ghsrobert [試用 hidden]
行 12: 行 12:
     * 另外還有 [[doku>plugin:outliner]] 或許也可試試     * 另外還有 [[doku>plugin:outliner]] 或許也可試試
     * 還有依 section 摺疊的 [[doku>plugin:sectiontoggle]] ☞ ++說明|{{url>https://www.dokuwiki.org/plugin:sectiontoggle}}++     * 還有依 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 ===== ===== 試用 folded =====
行 27: 行 31:
 | 哈 | 囉 | | 哈 | 囉 |
 ++++ ++++
 +
 +%%++巢狀|
 +++無效|哈哈++
 +++
 +
 +|++%%
 +
 +===== 試用 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 =====
 +
 +--> 一般的
 +內容
 +--> 包一層
 +內容
 +<--
 +外面的
 +<--
  • 上一次變更: 2016/05/31 23:25
  • 由 ghsrobert