yetangitu/epub.js
1
0
Fork 0
mirror of https://github.com/futurepress/epub.js.git synced 2025-10-02 14:49:16 +02:00
Code Issues Releases Wiki Activity

fix: fix annotation cannot be removed issue; update highlights example

Browse source
This commit is contained in:
hsqStephenZhang 2024-03-06 00:03:48 +08:00
parent f09089cf77
commit 8ca344d4ec
1 changed files with 20 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

16
examples/highlights.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@ -50,9 +51,9 @@
cursor: pointer;
margin-left: 0;
}
</style>
</head>
<body>
<div id="frame">
<div id="viewer" class="spreads"></div>
@ -138,6 +139,7 @@
book.getRange(cfiRange).then(function (range) {
var text;
var div = document.createElement("div");
var li = document.createElement('li');
var a = document.createElement('a');
var remove = document.createElement('a');
@ -156,13 +158,16 @@
remove.textContent = "remove";
remove.href = "#" + cfiRange;
remove.onclick = function () {
rendition.annotations.remove(cfiRange);
rendition.annotations.remove(cfiRange, "highlight");
li.removeChild(div);
return false;
};
li.appendChild(a);
li.appendChild(textNode);
li.appendChild(remove);
div.appendChild(a);
div.appendChild(textNode);
div.appendChild(remove);
li.appendChild(div);
highlights.appendChild(li);
}
@ -173,4 +178,5 @@
</script>
</body>
</html>