Selector Demonstration
61 | 62 |This page demonstrates Web Annotation 63 | Selectors, 64 | standardised JSON objects that describe a selection inside a document with sufficient information to find it back.
65 |This demo’s source code can be found in the project repo (also mirrored on GitHub)
66 | 67 |Select text here
70 |Hello, annotated world! 🙂 To annotate, or not to annotate, that is the question.
71 |Try selecting some text in this paragraph above. 72 | Upon a change of selection, a 73 | TextQuoteSelector 74 | will be created, that describes what was selected.
75 | 84 |Text is found here
87 |Hello, annotated world! 🙂 To annotate, or not to annotate, that is the question.
88 |The selector is ‘anchored’ here: the segment it describes is found and highlighted.
89 |The selector as JSON:
92 | 93 |Here are other selectors you can anchor in the text above:
96 |-
97 |
- An ambiguous selector (i.e. with multiple matches) 98 |
- 99 | RangeSelector 100 | (spec) 101 |
- 102 | Refining a selector using another selector 103 | (spec) 104 |
- Any deeper nesting of the above 105 |