可展開/隱藏內容的 slider

plugin

• 概念來自 TiddlyWiki 的 slider
• 可惡，官方這個果然不是我要的，搜尋 slider 無所獲；roller、dropdown 也無所獲；搜尋到 toggle hide 才比較有相關結果
• 原來 plugin:wrap 可能就可以達成了
  • 似乎還可搭配 plugin:togglewrap ☞ 說明
• ^{20160529 車上用手機} 也可搜尋 fold 或 collapse 之類的。剛就找到 plugin:hidden ☞ 說明
  • ^{20160531 續找} plugin:folded 的語法就蠻接近 TiddlyWiki 的 InlineSliderPlugin 的感覺
  • plugin:inline_folding、plugin:inline_folding2 都沒維護了
  • 搜 collapse 沒找到什麼
  • 先試 folded 好了！togglewrap 和 hidden 比較麻煩
  • 另外還有 plugin:outliner 或許也可試試
  • 還有依 section 摺疊的 plugin:sectiontoggle ☞ 說明
• ^20160603 用了幾天的 folded 確實很不錯，不過再看了一下 tooglewrap，感覺動畫效果也挺漂亮，有機會仍可試試
• ^20160607 裝了 outliner，希望可以隱藏 included page？← 也是不行
• ^20160615 Bootstrap Wrapper 的 collapse 元件透出一線生機？Collapse [Lotar's Wiki] （原文連結）
  

試用 folded

folded 官網說明

• 點開行內 folded 隱藏文字後面的文字
• 要注意，似乎無法在預覽模式中使用
• 不像 TiddlyWiki slider 有華麗動畫，但堪用，語法也很簡單，讚！
• 試了一下，iframe 也可以用在 ++ 內耶

//標籤不支援格式//

++巢狀| ++無效|哈哈++ ++ |++

試用 hidden

• editor 的工具列上會有一個按鈕
• 測試

  ← 不能用在 list 裡？！全都是 block element？

  Click to display ⇲

  Click to hide ⇱

  測試，預設是

  開啟

  關閉的

  （所以得用 <div> 包起來了）

試用 togglewrap

• 這樣無效：

  {{togglewrap>#test1|測試 1}}<wrap #test1 hi>愛與和平</wrap>

  測試 1愛與和平

• {{togglewrap>test1|測試 1}}<wrap test1 hi>愛與和平</wrap>

  測試 1愛與和平

  也不行

  可以了（後來可以了），可見 wrapname 不能有 #；那反正 wrap 可以吃好幾個 class，可能第一個 class 就變成 wrapname 吧

• ☞ 參考一下範例： （連結

  照搬過來：

  Show section 1 (Hide section 1)

  Show section A

  Section 1

  Content of section 1

  Section A

  Content of section A

  Label toggler

  Show label A, hide label B

  label Alabel B

  也不行耶！是本站的問題嗎？

  ← 好了，可以了，可能因為上面 folded 的測試文字導致 slider 沒有正確結尾，影響到下面本來應該正常運作的 togglewrap

• 不過預覽模式中仍不會有作用

【問題】include 的內容都無法隱藏？

• ^20160607 include 進來的頁面好像無法 fold？← ^20160621 發現 include 的 inline flag 正是解決此問題而生！

  • ++這樣引用果然不 okay|{{page>wrap}}++

  • ^20160621 換行，並且加 inline 就行了

    參考

    官方說明
    

    試用

    • 對我來說，除了它的預設功能外，加入自訂 class 也挺重要。依官方說明：
      1. 編輯 /conf/userstyle.css 加入自訂 .wrap_xxx style（看來 DokuWiki 沒有內建這個檔，那就自己用 Sublime Text 寫好然後上傳到我的 NAS 吧！）
      2. 在要使用該 style 的頁面中輸入 <wrap xxx>...</wrap> → 沒有效果？！已解決
         • 看來現在主要問題是我的 ''/conf/userstyle.css'' 尚無效果…… ← 解決！目前先用 userall.css，至於 userstyle.css 待確認
    • ^20160603 用了數日，它的 nested 能力真的很棒，是輸入多行文字的利器，處理複雜內容毫不吃力。感恩 wrap，讚美 wrap！

    預設 style

    較不重要，很重要……都用得出來
    Wu̱ hau bo̱?

    • 不換行的話好像會失敗，不知為何，也許是 folded 的問題
• 也無法 togglewrap！

  {{togglewrap>無法隱藏}}<wrap wrap>{{page>wrap}}</wrap>

  • ^20160621 這個即使加 inline 目前也還沒試成功終於成功了：可以隱藏嗎

    參考

    官方說明
    

    試用

    • 對我來說，除了它的預設功能外，加入自訂 class 也挺重要。依官方說明：
      1. 編輯 /conf/userstyle.css 加入自訂 .wrap_xxx style（看來 DokuWiki 沒有內建這個檔，那就自己用 Sublime Text 寫好然後上傳到我的 NAS 吧！）
      2. 在要使用該 style 的頁面中輸入 <wrap xxx>...</wrap> → 沒有效果？！已解決
         • 看來現在主要問題是我的 ''/conf/userstyle.css'' 尚無效果…… ← 解決！目前先用 userall.css，至於 userstyle.css 待確認
    • ^20160603 用了數日，它的 nested 能力真的很棒，是輸入多行文字的利器，處理複雜內容毫不吃力。感恩 wrap，讚美 wrap！

    預設 style

    較不重要，很重要……都用得出來
    Wu̱ hau bo̱?

    可以！

• 如果加 inline flag？

  {{page>wrap&inline}}

  ← ^20160621 當然可以，可是你之前忘記把這個宣告放到 folded/wrap 中！

outliner：^20160621 本來沒加 inline，後來加 inline 試試，終於成功了：

打開

參考

官方說明

試用

• 對我來說，除了它的預設功能外，加入自訂 class 也挺重要。依官方說明：
  1. 編輯 /conf/userstyle.css 加入自訂 .wrap_xxx style（看來 DokuWiki 沒有內建這個檔，那就自己用 Sublime Text 寫好然後上傳到我的 NAS 吧！）
  2. 在要使用該 style 的頁面中輸入 <wrap xxx>...</wrap> → 沒有效果？！已解決
     • 看來現在主要問題是我的 ''/conf/userstyle.css'' 尚無效果…… ← 解決！目前先用 userall.css，至於 userstyle.css 待確認
• ^20160603 用了數日，它的 nested 能力真的很棒，是輸入多行文字的利器，處理複雜內容毫不吃力。感恩 wrap，讚美 wrap！

預設 style

較不重要，很重要……都用得出來
Wu̱ hau bo̱?

試用 outliner

一般的

內容

包一層

內容

外面的