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. Ubiquity在歲末又向前邁了一小步;0.1.3釋出 (4)
  2. [轉貼] Unlocker - 解除佔用檔案又無法刪除的程式 
  3. [Sites] 圖片網站:Open Clip Art Library (1)
  4. [OOo] OpenOffice.org Writer快速尋找元件的方法 
  5. [iReport] 正常顯示中文的PDF格式 
  6. 用AutoHotkey統一不同工具的偵錯功能鍵 
  7. HighLight:程式碼顯示的美化工具 
  8. [Subversion] 修改舊版次的訊息與作者名稱 
  9. [NetBeans] 安裝與設定NetBeans內的Subversion 
  10. 推推王貼文已選用標籤的困擾 (3)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (368,463 點擊/2008-09-29)
  2. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,514 點擊/2011-06-01)
  3. Plurk CSS樣式自訂修改全攻略 (89,487 點擊/2009-07-04)
  4. 簡單放大Plurk輸入區的方法[修訂] (88,898 點擊/2008-09-29)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (72,214 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,936 點擊/2008-04-10)
  7. iPad新手入門技巧 (49,453 點擊/2011-02-05)
  8. iPad鍵盤輸入全攻略 (42,933 點擊/2011-01-01)
  9. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,947 點擊/2010-04-27)
  10. 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,872 點擊/2010-01-02)