天天看點

TiddlyWiki單檔案嵌入圖檔的方法。

TiddlySpot不支援上傳圖檔,是以才會想到把圖檔資料嵌入html檔案中。

當然,這樣做會使得html檔案變大,是不推薦的,小的圖檔偶爾做做可以。

做法:

1、從http://www.tiddlytool.com安裝如下三個插件:

AttachFileMIMETypes

AttachFilePluginFormatters

AttachFilePlugin

2、在AttachFilePlugin中有個插入圖檔的對話框,浏覽本地圖檔,Attach。

然後會對該圖檔生成一個tiddler。

3、需要使用圖檔的位置像如下方式使用。

(1)如果是在wiki語句中:[img[image]]或者[img[tooltip|image]]等。

(2)如果是在html語句中:把圖檔tiddler中的data部分複制粘貼到需要圖檔的地方。(一般類似于以data:image/gif;base64,開始的一段内容)

(3)為了避免到處複制很多資料,可以用函數調用方式:(這種方式還沒仔細研究)

store.getTiddlerText("star.png##data")

(4)除了上面方法,還可以用另外一種函數調用方式:(這種方式還沒仔細研究)

if (config.macros.attach) 

   URL=config.macros.attach.getAttachment("TiddlerName");

上述(2)、(3)方法無須AttachFilePluginFormatters的支援,但(4)需要AttachFilePluginFormatters的支援。

參考下面一張圖檔,注意第二個圖檔檔案名(紅色框内)處不能替換,替換後TiddlyPedia主題顯示就有問題,具體原因暫時不清楚。

本文轉sinojelly51CTO部落格,原文連結:http://blog.51cto.com/sinojelly/200774,如需轉載請自行聯系原作者

繼續閱讀