差異處

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

連向這個比對檢視

Both sides previous revision 前次修改
下次修改
前次修改
dokuwiki:syntax:slider [2016/05/31 23:07]
ghsrobert 拿掉 todo 標籤
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 =====
行 21: 行 25:
   * 要注意,似乎無法在預覽模式中使用   * 要注意,似乎無法在預覽模式中使用
   * 不像 TiddlyWiki slider 有華麗動畫,但堪用,語法也很簡單,讚!   * 不像 TiddlyWiki slider 有華麗動畫,但堪用,語法也很簡單,讚!
-  * 試了一下,iframe 也可以用在 ''++'' 內耶+  * 試了一下,iframe 也可以用在 ''%%++%%'' 內耶 
 + 
 +++++//標籤不支援格式//
 +^ 表 ^ 格 ^ 
 +| 哈 | 囉 | 
 +++++ 
 + 
 +%%++巢狀| 
 +++無效|哈哈++ 
 +++ 
 + 
 +|++%% 
 + 
 +===== 試用 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:07
  • ghsrobert