drasted / ODH

A chrome extension to show online dictionary content.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Online Dictionary Helper (with Anki app support)

[中文版说明]

Online Dictionary Helper is a chrome extension to show online dictionary content, which also supports flash-card making compatible with Anki (with ankiconnect, an Anki add-on, installed).

For the reason why comes this extension, you may check the detail background if you are interested.

Anki Notes

What might set this extension apart is that the users can grab online dictionary content with their own customized script (running under extension development mode). For development detail, please check the development guide

How to use

[Chrome Web Store Link]

  1. Install the extension first from Chrome Web store. Setup Option and turn on the extension if you want. (Details could be found under the option page section)
  2. Open any given web page, move mouse cursor to the word.
  3. Click-drag/Double click to select word, or press Hotkey(defined in options page) to automatically select word in case it's a link.
  4. A popup window will show up displaying the word definition.
  5. (Optional) Setup the designated Anki deck, type and fields names to put your word, definition, sentence while Anki and ankiconnect is running.
  6. (Optional) Press top/right green (+) icon in popup window to add Anki note.

The extension has in it two dictionary samples for you to try out and experiment with.

  1. English-Chinese dictionary: youdao.com (example for sentence captured as context)

Youdao Dictionary

  1. English-English dictionary: collins.com (example for exact sample content from online dictionary)

Collins Dictionary

As for dictionary collins.com, actually it is not built-in dictionary, it is here to show you how to load customized dictionary script.

The Option Page

The extension option page is divided in three sections.

  1. General Option: Turn on or turn off the extension if you want.

  2. Anki Options: Setup Anki deck/type name, and which fields you are going to put word, definiton, sentence.

    (Currently, the exntension can only output these three most important information. Web page url and audio can be added late.)

  3. Dictionary Options:

    • Script Repository: Input your own script location here, and click Load button to load it.
    • Selected Dictionary: Here will display all available dictionaries (buildin or loaded), and please select what current dictionary you want to use.

Options Page

Use existing script or develop by yourself

  1. You can use exsiting dictionary scripts in the dictionaries list
  2. Or develop the script by yourself based on development guide
  3. Or raise an issue here if you really need help.

Pull request

Welcome pull request if you want to enhance this extension, or put your own script here as central repository.

  • the exntension source will go to /src
  • the online dictionary script will go to /dicts

About

A chrome extension to show online dictionary content.

License:MIT License


Languages

Language:JavaScript 85.4%Language:HTML 10.1%Language:CSS 4.5%