- The lexicon contains words with familiarity.
interface Lexicon {
[word: string]: Familiarity;
}
enum Familiarity {
unknown = 0;
learning = 1;
known = 2;
}- The lexicon can suggest which words in the given text should be translated in order to approximate the goal where the reader neither have to look up unknown words which interrupts reading nor is bothered by translation of known words. Note that for words not in the lexicon, there is a way to guess if the word should be translated. To simplify, we assume words not in the lexicon is unknown.
function shouldTranslateWord(word: string, lexicon: Lexicon): boolean {
if (lexicon[words] === undefined) return guessShouldTranslateWord(word, lexicon);
else return lexicon[words] < Familiarity.known;
}
function guessShouldTranslateWord(word: string, lexicon: Lexicon): boolean {
return false;
}- The lexicon gets updated given which words the reader looks up and which words the reader doesn't. Words been looked up should be unknown while words not been looked up should get increased familiarity. Note that for words not in the lexicon, those been looked up should be marked as unknown in the lexicon, those not been looked up should be marked as known in the lexicon.
function lookedUp(word: string, lexicon: Lexicon): void {
if (lexicon[word] === undefined) lexicon[word] = Familiarity.unknown;
else lexicon[word] = Familiarity.unknown;
}
function notLookedUp(word: string, lexicon: Lexicon): void {
if (lexicon[word] === undefined) lexicon[word] = Familiarity.known;
lexicon[word] = Math.min(lexicon[word] + 1, Familiarity.known);
}
<p #selectHook style="line-height: 2.3em">
Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the <span hint="脾">spleen</span> and regulating the circulation. Whenever I find myself growing <span hint="严峻">grim</span> about the mouth; whenever it is a <span hint="潮湿">damp</span>, <span hint="蒙蒙">drizzly</span> November in my soul; whenever I find myself involuntarily pausing before <span hint="棺材">coffin</span> warehouses, and bringing up the rear of every funeral I meet; and especially whenever my <span hint="狂躁">hypos</span> <span hint="
得到这样的优势">get such an upper hand of</span> me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people’s hats off—then, I account it high time to get to sea as soon as I can. This is my substitute for <span hint="手枪">pistol</span> and ball. With a <span hint="哲学上">philosophical</span> <span hint="繁荣">flourish</span> Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, <span hint="珍爱">cherish</span> very nearly the same feelings towards the ocean with me.
</p><style>
[hint] {
position: relative;
z-index: 2;
cursor: pointer;
}
[hint]:after {
position: absolute;
bottom: -12px;
left: 0;
width: 100%;
color: silver;
content: attr(hint);
text-align: center;
font-size: 11px;
line-height: 1;
}
</style>function getSelectedText() {
if (window.getSelection) {
return window.getSelection().toString();
} else if (document.selection && document.selection.type !== "Control") {
return document.selection.createRange().text;
}
}
function doSomethingWithSelectedText() {}onmouseup="doSomethingWithSelectedText()"<html>
<head>
#style
<script>
#script
</script>
</head>
<body>
<div style="margin: auto; margin-top: 100px; width: 70%;">
#sampleParagraph
</div>
</body>
</html>