There are many ways to get dictionary lookup. Applicable for end users and webmasters.
For those who want to click the word and get the translation of the prefered Online dictionary.
Some methods that are described below were made for Pali Language using Digital Pali Dictionary (DPD), but can be customized to any Language or any Online Dictionary that supports word lookup in the URL parameters like this: https://somedict.online/?word=dukkha (GET parameters)
May be you don't need to do anything and can just read on these sites, they have Pali lookup already
List of sites and apps that have built-in Pali Dictionary:
- Dhamma Gift
- Digital Pali Reader
- SuttaCentral
- The Buddha’s Words
- Tipitaka.app
- Tipitaka Online
- Tipitaka Pali Reader (Android, iOS)
There are another ways to add Pali Lookup for literally any site:
Google Chrome extention Not customizable
Microsoft Edge extention Not customizable
TamperMonkey User Script Customizable
Simple yet very convenient Pali Lookup Dictionary for any site.
This example uses Digital Pali Dictionary as Pali Dictionary but you can modify the link and use any Dictionary of your choice. More information about DPD here.
These demos might be slightly outdated. Please check the latest live version on Dhamma.gift Read. Use "comment bubble icon" to turn word lookup on/off and "gear icon" to choose the dictionary layout.
For Demos just click on the "Bubble Icon" to turn word lookup On/Off.
To make Pali text clickable:
-
Clone repo
-
The Pali text should be marked with class="pli-lang" e.g.
<span class="pli-lang">Pali text</span>or <p> or <div>. -
Styles should be applied in the
<head>section:<link rel="stylesheet" href="assets/css/paliLookup.css">
-
Button should be added to html inside
<body>section
<button class="toggle-dict-btn">
<img src="assets/svg/comment-slash.svg" class="dictIcon" alt="Toggle Dictionary">
Toggle Dictionary
</button>- JavaScript should be applied after the Pali text, e.g., at the end of the section. You can modify connection url or desired endpoint in this file:
<script src="assets/js/paliLookup.js"></script> </body> </html>