TiddlyWiki: 顯示/隱藏右側邊的插件

TiddlyWiki 2.2預設是三欄式的佈局:左側是MainMenu
中間是文章區(Tiddler),最右邊則是功能側邊欄。如果你看過前幾次整理出來的格式表格,會發現表格的右側會被右側欄位蓋住部份內容,看來頗為礙
眼。幸好我們可以透過TiddlyWiki的插件(Plugin)來克服。

插件是獨立於TiddlyWiki主系統的擴充程式,可以用來補足系統的不足並
擴展更多應用的可能性。加入插件的方法很簡單:一、新增一篇名為ToggleRightSidebar
文章,二、再把這篇文章的標籤命名為systemConfig,三、重新整理網頁。就這麼簡
單。

請到第5版的自行安裝的擴充Tiddler打開InlineJavascriptPlugin
Tiddler,把內容全部複製下來,再到你自己的TiddlyWiki
HTML檔案裡按右側的「新增文章」,把剛剛的複製內容貼上,再把標籤命為systemConfig
最後按完成把文章儲存起來,如此便產生了一個插件了。這個插件主要是強化Tiddler裡的JavaScript
能。插件儲存後記得要按F5重新整理。

為了觀察插件的安裝狀態,開啟右側欄位下半部的頁籤【更多→預設文章→PluginManager】,
PluginManager
Tiddler裡可以檢視到已安裝插件的目前狀態。

接著再新增文章,文章名稱是ToggleRightSidebar,同樣由第5版自行安裝的擴充裡找到這個Tiddler後,整個複製並貼上自己
的檔案裡,但要注意ToggleRightSidebarJavaScript
容,但不是插件,因此不能使用systemConfig標籤。

插件和要使用的JavaScript
製作好後,最好再把插件的連結加入到MainMenu裡,
這樣才能方便切換右側欄位的顯示或隱藏。我們可以把ToggleRightSidebar的內容整個加入到MainMenu
Tiddler裡,但這樣會造成整個MainMenu
構太過複雜、不易維護,其實透過巨集<>
可以很優雅地解決。

我們只要把下列指令加入MainMenu
就等於把ToggleRightSidebar插件整個插入:

 <>

也就是說<>達成的是
含入(Include)另一個tiddler的功能。

試看看吧,是否是超級簡單? :)

TiddlyWiki範例

以下範例檔案存放在我的Google
Pages裡,歡迎檢視、參考,為了呈現每次版本的變動,因而保存了每個版本的原貌。TiddlyWiki放在網路上的缺點就是檔案下載時間較久,下載時
請耐心等待。

  1. 第1版 GettingStarted+TW
    的安裝與設定
  2. 第2版 TiddlyWiki基本格式
  3. 第3版 TiddlyWiki文件格式
  4. 第4版 TiddlyWiki表格的使用
  5. 第5版 顯示/隱藏右側邊的插件

您可能也會有興趣的類似文章

填寫回應

 

 

 

您可使用這些HTML標籤

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

隨機文章

  1. DOS提示字元的快速編輯選項 (3)
  2. 常被寫錯的英文縮寫:CSV與CVS 
  3. Teeter過關紀念! (1)
  4. 快速參考卡網站; Quick Reference Card Site 
  5. FireFox 1.0 中文版終於現身了 (3)
  6. [轉貼] 關於台灣大選的一些感想:我真的很羡慕 很羡慕 (3)
  7. [2011/05/04 長灘島之旅第一天] 陸海空交通大作戰 
  8. 將部落格加上動態放大與縮小字體大小的功能 (3)
  9. 版面樣式左右對調 
  10. [Tools] 用CMenuExtender自行新增右鍵功能表選單 (1)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (352,659 點擊/2008-09-29)
  2. 簡單放大Plurk輸入區的方法[修訂] (86,882 點擊/2008-09-29)
  3. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (83,292 點擊/2011-06-01)
  4. Plurk CSS樣式自訂修改全攻略 (82,950 點擊/2009-07-04)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (52,915 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (42,990 點擊/2008-04-10)
  7. iPad新手入門技巧 (40,241 點擊/2011-02-05)
  8. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (38,113 點擊/2010-04-27)
  9. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (37,924 點擊/2009-02-18)
  10. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (35,873 點擊/2009-04-18)