幫文章加入便條紙 -- Sidenote

有沒有用過 Sidenote 這個在電腦上加入便條紙的小工具呢?
現在你也可以在自己的文章中加入便條紙
不需要這個小工具, 只需要 arc90 lab 的 Unobtrusive Sidenotes javascript

什麼叫做在自己的文章中加入便條紙??
範例請看這

其實就是在你想要加註解的文字附近
加入一個類似便條紙的註解
讓閱讀文章的人更容易了解

以下稍微敘述一下如何在文章中加入 Sidenote
javascript 的部份，僅須簡單加入一句

<script language="JavaScript" type="Text/JavaScript" src="http://arc90.com/lab/tools/c/javascript/arc90hosted_sidenote.js"> </script>

接著，在想加入 note 的字串前後加入

<span class="sidenote" title="說明文字">要加入 note 的字串</span>

說明的文字
可以使用標準的 html
這樣可以更增加其豐富性
但是 html 要記得得 escape 唷
順便再推薦一個 online escape html 的方便好站
就不用去查 escape 的字元了

另外要注意的一點就是
這段 html 中所有的 double quote『"』, 都得使用single quote 『'』來代替
比如說要加入一個 link 連到 yahoo，就必須寫

<a href=’http://www.yahoo.com’>link.</a>

如果要加入一個圖片，寫法如下

<img src=’http://path/to/duck.jpg’>