這是本文件的舊版！

重現 NodeTree

2013 年我曾經發表了 TiddlyWiki 的 NodeTreePlugin_{（目前在 GitHub 上還找得到！）（另外我也重新上傳了 TiddlyWiki 檔）}

ListTree

或是移植 TiddlyWiki 5 的這個 plugin 裡所含的 CSS？好像簡單得多。

測試

1. 直接把這裡面的 stylesheet 複製到 DW userstyle 中，變數都先取代為 2px、silver
2. 測試：

   <div list-tree>
     * 是誰太勇敢
     * 說喜歡離別
       * 只要今天不要明天
       * 眼睜睜看著愛從指縫
     * 中溜走
       * 還說再見
   
     * 不夠時間好好來恨你
       * 終於明白恨人不容易
       * 不願愛得沒有答案結局
   </div>

   結果：

   • 是誰太勇敢
   • 說喜歡離別
     • 只要今天不要明天
     • 眼睜睜看著愛從指縫
   • 中溜走
     • 還說再見

   • 不夠時間好好來恨你
     • 終於明白恨人不容易
     • 不願愛得沒有答案結局

   

   ↑初步成功，但有點小 bug，不知是否 DW 產生清單的 HTML 太複雜還是怎樣，下面這段 CSS 的效果：

   /* top-level: Lines if multiple top elements. No lines if single top element. */
    
   .list-tree > li:last-of-type:before { display:none; }
    
   .list-tree > li:first-of-type:before { border-top: {{!!list-tree-thickness}} solid {{!!list-tree-color}}; }
    
   .list-tree > li:before {
       border-left: {{!!list-tree-thickness}} solid {{!!list-tree-color}};
       height: 100%;}

   竟然沒出來