-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
87 lines (75 loc) · 3.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<script src="web-verse.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(e){
var $els = document.querySelectorAll(WebVerse.citeable.join(', '));
console.log('keys: ' + Array.prototype.map.call($els, function($el) {return WebVerse.createKey($el);}).join(', '));
document.addEventListener('mouseup', function(e){
var sel = WebVerse.serializeSelection();
if (!sel) return;
console.log(sel.key + ':' + sel.startOffset + '-' + sel.endOffset + ' -> ' + sel.text);
var range = WebVerse.rangeFromOffsets(sel.$scope, sel.startOffset, sel.endOffset);
var rsel = window.getSelection();
rsel.removeAllRanges();
setTimeout(function() {
rsel.addRange(range);
}, 1000);
});
});
</script>
</head>
<body>
<h1>H1 <strong>heading</strong></h1>
<ul>
<li>first <em>item</em></li>
<li>second item</li>
</ul>
<aside>
The movie earned $87 million during its initial release.
</aside>
<p>
One sentence only.
</p>
<p>
Dr. N.I.H police.
</p>
<p>
One non terminated sentence
</p>
<p>
<span>
<span>a</span>
<span>b</span>
</span>
<span>c</span>
</p>
<p>
Lorem ipsum <span>dolor</span> <em>sit</em> amet,
consectetur adipiscing
elit. <span>Curabitur <strong>porta</strong> nulla</span> nec
volutpat iaculis. Vivamus sed tellus sed tortor ultrices
posuere. Praesent porta, felis at congue tincidunt, eros dui
hendrerit massa, vitae tincidunt enim diam a diam. Vivamus
ultrices nibh dolor, et accumsan nisl tincidunt et. Mauris
ornare tellus quis enim gravida, id tempor augue porta. Nunc
ultrices felis rhoncus vulputate egestas. Etiam nisi magna,
bibendum ut facilisis ornare, suscipit a risus. Maecenas
semper lacinia arcu, eu convallis turpis. Etiam pharetra
elementum gravida. In vitae aliquet odio, non ultricies
risus. Quisque ut urna sit amet velit pharetra vestibulum et
sed tellus.
</p>
<p>
Duis bibendum nulla dictum tempor euismod. Fusce sed dui in
magna gravida fermentum in sed felis. Nulla eu leo molestie,
luctus massa consequat, aliquet lorem. Vivamus nec euismod
<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABLElEQVR42qSTQStFURSFP7f3XygyoAwoYSYMPCIpk2egMFSmUvwCRpSRDIwYGbwyVuYykB9y914m951z7nHe6J26dc9u77XXWmdvJLF7/audqx9JYuvyW92LL0li8K2df2r17CPEVk7ftXTclyQqAMmRCwC5I3fS42a4W7y74VYDNAAuJA8AaXIsSACsDgAdAJeFrnnyoMBygKZJJ3b1It0AmsTMDPdEgrujJqHEwCxqznMaD2KgyCDRnEuo8qJhHvx/hcQDbzGoix5Yi4G1TcwZWNEDKwJU+WDkhg2ToDaD+M65YcVB8jg3Y5IY5VQAyyf9gLJw+CqAuYNnAczsPQpgevtBU937kDexcdssj8Ti0ZskMd97CRs3u//U2sjJzbtwH1+/Cf8jS/gbAMmWc42HzdIjAAAAAElFTkSuQmCC">
nulla. Maecenas pulvinar semper pharetra. Aenean vitae dolor
ornare, congue nunc eu, lobortis arcu. In ac magna lacinia,
ultrices quam ultricies, volutpat augue.
</p>
</body>
</html>