diff --git a/app/static/js/highlight.js b/app/static/js/highlight.js index c9c3a02..939d691 100644 --- a/app/static/js/highlight.js +++ b/app/static/js/highlight.js @@ -22,39 +22,46 @@ function getWord() { function highLight() { if (!isHighlight) return; + let word = (getWord() + "").trim(); let articleContent = document.getElementById("article").innerHTML; // innerHTML保留HTML标签来保持部分格式,且适配不同的浏览器 let pickedWords = document.getElementById("selected-words"); // words picked to the text area let dictionaryWords = document.getElementById("selected-words2"); // words appearing in the user's new words list let allWords = dictionaryWords === null ? pickedWords.value + " " : pickedWords.value + " " + dictionaryWords.value; const list = allWords.split(" "); // 将所有的生词放入一个list中 + if(word !== null && word !== "" && word !== " "){ + let articleContent_fb2 = articleContent; + if(localStorage.getItem("nowWords").indexOf(word) !== -1 || localStorage.getItem("nowWords").indexOf(word.toLowerCase()) !== -1){ + articleContent = articleContent.replace(new RegExp('' + word + '', "gi"), word); + pickedWords.value = localStorage.getItem("nowWords").replace(word,""); + document.getElementById("article").innerHTML = articleContent; + return; + } + } let totalSet = new Set(); for (let i = 0; i < list.length; ++i) { list[i] = list[i].replace(/(^\W*)|(\W*$)/g, ""); // 消除单词两边的非单词字符 + list[i] = list[i].replace('|', ""); + list[i] = list[i].replace('?', ""); if (list[i] != "" && !totalSet.has(list[i])) { // 返回所有匹配单词的集合, 正则表达式RegExp()中, "\b"匹配一个单词的边界, g 表示全局匹配, i 表示对大小写不敏感。 let matches = new Set(articleContent.match(new RegExp("\\b" + list[i] + "\\b", "gi"))); - if (matches.has("mark")) { - // 优先处理单词为 "mark" 的情况 - totalSet = new Set(["mark", ...totalSet]); - } totalSet = new Set([...totalSet, ...matches]); } } - // 删除所有的mark标签,防止标签发生嵌套 - articleContent = articleContent.replace(/<(mark)[^>]*>/gi, ""); - articleContent = articleContent.replace(/<(\/mark)[^>]*>/gi, ""); + // 删除所有的""标签,防止标签发生嵌套 + articleContent = articleContent.replace(new RegExp('',"gi"), "") + articleContent = articleContent.replace(new RegExp("","gi"), ""); // 将文章中所有出现该单词word的地方改为:"" + word + ""。 for (let word of totalSet) { articleContent = articleContent.replace(new RegExp("\\b" + word + "\\b", "g"), "" + word + ""); } document.getElementById("article").innerHTML = articleContent; - } function cancelHighlighting() { let articleContent = document.getElementById("article").innerHTML; - articleContent = articleContent.replace(/<(mark)[^>]*>/gi, ""); - articleContent = articleContent.replace(/<(\/mark)[^>]*>/gi, ""); + articleContent = articleContent.replace(new RegExp('',"gi"), "") + articleContent = articleContent.replace(new RegExp("","gi"), ""); document.getElementById("article").innerHTML = articleContent; } diff --git a/app/test/test_bug551_XieShangHai.py b/app/test/test_bug551_XieShangHai.py new file mode 100644 index 0000000..3e0783b --- /dev/null +++ b/app/test/test_bug551_XieShangHai.py @@ -0,0 +1,30 @@ +from selenium.webdriver.common.action_chains import ActionChains +import time +from helper import signup + +def test_highlight(driver, URL): + try: + # 打开网页 + driver.maximize_window() + driver.get(URL) + + # 注册 + time.sleep(1) + signup(URL, driver) + time.sleep(2) + + # 选中单词(移动鼠标到起点位置、按下鼠标左键、拖动鼠标到结束位置、释放鼠标左键、执行操作链) + article = driver.find_element_by_id("article") + actions = ActionChains(driver) + actions.move_to_element(article).click_and_hold().move_by_offset(450,60).release().perform() + time.sleep(1) + + # 判断所有高亮单词是否有间隔 + marks = driver.find_elements_by_tag_name("mark") + for mark in marks: + assert mark.value_of_css_property("padding") == '0px' + time.sleep(5) + finally: + # 测试结束后关闭浏览器 + driver.quit() + \ No newline at end of file