edward/sourcing
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix highlighting of selection.

Browse source
This commit is contained in:
Edward Betts 2018-11-22 20:47:44 +00:00
parent d18cadd884
commit baaa9b9c37
1 changed files with 73 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
sourcing/static/js/build_links.js
View file

@ -1,5 +1,36 @@
$('#new-link').hide(); function one_line(e, range) {
$('#new-link').click((e) => { var text = e.text();
var before = text.substring(0, range.startOffset);
var span = text.substring(range.startOffset, range.endOffset);
var after = text.substring(range.endOffset);
(e.empty()
.append(before)
.append($('<span class="selected-span">').text(span))
.append(after));
}
function first_line(e, range) {
var text = e.text();
var before = text.substring(0, range.startOffset);
var span = text.substring(range.startOffset);
(e.empty()
.append(before)
.append($('<span class="selected-span">').text(span)));
}
function last_line(e, range) {
var text = e.text();
var span = text.substring(0, range.endOffset);
var after = text.substring(range.endOffset);
(e.empty()
.append($('<span class="selected-span">').text(span))
.append(after));
}
function highlight_selection() {
var selection = window.getSelection(); var selection = window.getSelection();
if(selection.type != 'Range') if(selection.type != 'Range')
return; return;
@ -15,13 +46,14 @@
console.log('start', start, 'length', length); console.log('start', start, 'length', length);
var text = start_element.textContent; if (start_element == end_element) {
var text1 = text.substring(0, range.startOffset); console.log('one line');
var text2 = text.substring(range.startOffset + 1); return one_line($(start_element), range);
}
console.log([text1, text2]); first_line($(start_element), range);
var e = start_element; var e = start_element.nextElementSibling;
var count = 0; var count = 0;
while (e != end_element && count < 50) { while (e != end_element && count < 50) {
@ -29,12 +61,16 @@
count++; count++;
e = e.nextElementSibling; e = e.nextElementSibling;
} }
e = end_element;
$(e).wrapInner('<span class="selected-span"></span>');
last_line($(end_element), range);
}
$('#new-link').hide();
$('#new-link').click((e) => {
var selection = window.getSelection();
highlight_selection();
selection.removeAllRanges(); selection.removeAllRanges();
$('#new-link').hide(); $('#new-link').hide();
}); });
document.addEventListener('selectionchange', () => { document.addEventListener('selectionchange', () => {