Site Meter & 線上人數

tracker

部落格觀察


我的噗浪

Google Latitude

微軟認證



聯絡我 - MSN & Skype & Email



最新回應

我的 Live Writer Plugin - 插入洋蔥表情

2008/7/13 10:35| 閱讀數 : 2923 | 我要推薦 | 10 Comments | 文章分類: C# LiveWriter WindowForm 網路工具 軟體教學 訂閱

隨著【我的 Live Writer Plugin - 插入可愛貓咪表情符號 (已釋出原始碼專案)】文章發表並釋出原始碼後,各種表情符號插入套件就漸漸地出現了。不過,我卻發現當初使用 Resources 的做法似乎有些失當:

  1. 將表情符號內嵌內 Resources 會使得發佈的 dll 變大,載入 Live Writer 也會相對地變慢。
  2. 一旦,作者想要新增表情符號,勢必要重新發布 dll 檔案,對於作者維護相當地麻煩。 (不知 Live Writer 支援 ClickOnce 自動發新?)

所以,經過了一段時間的長考加上 wxvbbo 的聲聲催促,我利用 Windows From 與 WebBrowser 的交互作法,寫了一個較為方便維護的 Plugin。概念如下:

  1. 在古老年代我的 Blog 名稱還是【奇幻水瓶】,曾寫過【表情符號製作器】:  HTML 檔案內建許多表情符號,透過點擊的方式來選取表情符號。確認選取後,該圖片的 Url 會利用 Javascript 將它轉成 HTML 的 IMG 語法並自動複製 Clipboard 中,然後利用 paste 的功能就可以貼入 Blog 的 HTML 編輯器中。(缺點: 一次只能塞入一個表情符號)
  2. 現在的做法,一頁放置適當數量的表情符號 (20個),並加入相對數量的 checkBox,讓使用者可以勾選多個表情符號。
  3. 參考【C# WebBrowser 控制項】,製作 Windows From 與 WebBrowser 的互動函數,將 checkbox 勾選狀態的圖片,回傳圖片參數至 Windows Form。
  4. Windows Form 再將圖片參數轉成 HTML 的 IMG 語法,並貼至 Liver Writer 中。

以上作法也不是沒有缺點,表列如下:

  1. 如果要多選表情符號,必須在同一頁中,無法跨頁勾選。(該缺點有解,但會使得該 HTML 過大載入過慢。)
  2. 必須連上網路,才能載入表情符號。

優點:

  1. dll 檔案可以保持一定大小
  2. 僅更新 html 檔案即可,不需重新發布 dll 檔案


安裝後畫面:

InsertOnionEmotionPlugin-0000

【插入洋蔥表情】介面:

InsertOnionEmotionPlugin-0001

勾選表情符號後,點擊【Insert】即可:

InsertOnionEmotionPlugin-0002

成果:


下載【插入洋蔥表情】(WindowsLiveWriter.InsertOnionEmotionPlugin.dll.zip  MD5: 9f2e0dd7ec7ab5f3f75e3f0c88c6a210)

DotBlogs Tags: C# chhuang LiveWriter WindowForm 軟體教學 網路工具


關連文章

回應

  • 涼鳥 2008/7/13 下午 02:32 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    謝謝瓶水相逢大當初提供的原始碼讓我們得以學習和發展更多的plugin,也能讓我們提供一些小工具讓大家覺得WLW更好用,真的很感謝,也許我們做的給我洋蔥也可以收工了。
    ps.另外想問一下在寫blog時同時插入表情符號情況會常用到嗎?
    因為當初跟同學討論,我們習慣都是一次只用一個,所以拿掉,
    不知道您的想法是怎樣,想跟您請教
  • chhuang 2008/7/13 下午 03:52 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    主要是洋蔥有些表情符號是需要複選拼湊而成的:

    如果組合一個大型的表情符號(例如: 4 個),需要點擊 Plugin ,切換到符號所在得頁碼,點擊選擇的表情符號,確定送出,一套作下來步驟未免太多。

    如果都是單一表情符號情況下,使用者搞不好已經寫完文章,回過頭來替每段文字加上一些表情,如果能一次選完再自行剪下至適當處貼上,也可以節省開啟 Pluin 的步驟。

    另外,你的工具如果在開發的時候,可以儘可能地為使用者設想一些情境,提供更方便的 UI 讓使用者方便使用,雖不見得有人感激,不也是一樁美事嗎?反之,若提供不良的 UI 設計,則使用者操作之餘搞不好會有所埋怨,您辛苦開發還得落人口舌,不免掃興。

  • wxvbbo 2008/7/13 下午 07:22 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    這麼快就改版了,我會下載來試試看的
    感謝chhuang大隻佬的教學.....

  • 涼鳥 2008/7/13 下午 10:09 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    我的確沒考慮到組合圖形的問題,這樣我就懂了,
    謝謝您的指點
  • Caster 2008/7/27 上午 10:54 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    問個題外話,我無法安裝耶。

    我點WLM右下角的「新增外掛程式」,結果程式一點反應也沒有,請問有什麼其它的安裝方式嗎?

    感謝回覆
  • chhuang 2008/7/27 上午 11:22 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    將檔案解壓縮後,移動至【c:\Program Files\Windows Live\Writer\Plugins\】即可。

  • 小倩 2008/8/8 上午 11:14 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    謝謝你提供的外掛,很好用
  • u882061 2008/9/27 下午 10:13 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    感謝大大開發的表情外掛,
    小的用得很舒服。
  • 洋蔥頭大喜歡 2008/10/26 上午 11:21 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    請問一下,如果想要加入新的洋蔥頭表情的話,有辦法自行修改嗎?謝謝~
  • chhuang 2008/10/26 下午 11:50 回覆

    # re: 我的 Live Writer Plugin - 插入洋蔥表情

    目前是沒有辦法自行修改,如果我沒有加入最新的表情符號,或是漏了哪一個表情,你可以留言我會更新上去。

    但是目前還沒有找到一個好的網路空間,可以放圖片還有原始網路的地方,讓我很苦惱。

    可能是太多人使用表情符號了,Google Page 常常爆流量導致無法正常瀏覽。
     

標題 *
名稱 *
Email (將不會被顯示)
Url
回應
登入後使用進階評論
Please add 4 and 7 and type the answer here: