Skip to content

Latest commit

 

History

History
79 lines (67 loc) · 2.76 KB

README.md

File metadata and controls

79 lines (67 loc) · 2.76 KB

TJDict

英漢、漢英網路查詢字典的 Chrome 擴充功能

安裝

Chrome 線上應用程式商店

開發

  1. js/dictionaries/ 新增字典檔,例如 my_dict.js

  2. index.html 中載入,例如

     <!-- dictionaries -->
     <script src="/js/dictionaries/yahoo.js"></script>
     <script src="/js/dictionaries/nciku.js"></script>
     <script src="/js/dictionaries/jukuu.js"></script>
     <script src="/js/dictionaries/my_dict.js"></script>
    

字典檔

字典檔是全區域變數 DICTIONARIES 底下的一個 js 物件,字典名稱請與檔名保持一致,例如 yahoo.js 內,要將字典物件定義在 DICTIONARIES.yahoo 裡。

字典物件:

資料形態屬性說明
stringtitle顯示的字典名稱
stringdesc字典敘述、例如:`英中、中英`
array of enum of "zh""en""jp"langs字典允許的輸入語言,例如英漢、漢英字典,可以輸入中文或英文,那麼就是 ["zh", "en"]
function query

字典的主要實作,函式格式:

function(queryString, response){...};

資料形態屬性說明
stringqueryString查詢的字
function response

需要在最後尾呼叫此函式,呼叫方式:

response(self, result);

資料形態屬性說明
objectself回傳字典物件,使用方式請參考範例
stringresult查詢的結果,可以是 HTML

範例

// js/dictionaries/yahoo.js
DICTIONARIES.yahoo = {
  title: 'Yahoo 字典',
  desc: '英中、中英',
  langs: ['zh', 'en'],
  query: function(q, response){
    var self = this;
    $.get('http://tw.dictionary.search.yahoo.com/search?p=' + q).done(function(data){
      response(self, $(data).find('.explanation_wrapper')[0]);
    });
  }
};