Форум

evgeniy2 · #1 (**permalink**) 06.08.2021, 20:27

Метод document.getSelection().toString() возвращает выделенный на странице текст, но без alt-ов. Как можно сделать, чтобы с текстом захватывались alt-ы рисунков в тексте, как они захватываются при ручном копировании Ctrl+C?

Aetae · #2 (**permalink**) 06.08.2021, 22:22

В фурифоксе оно так и работает. В хроме - никак. Только костылить разве что как-то хитро.

od0201 · #3 (**permalink**) 06.08.2021, 23:43

window.getSelection().getRangeAt(0).startContainer.innerHTML

evgeniy2 · #4 (**permalink**) 06.08.2021, 23:56

Сообщение от od0201

window.getSelection().getRangeAt(0).startContainer.innerHTML

startContainer - [Object Text], startContainer.innerHTML - undefined.

upd.
Так работает:

s = window.getSelection().getRangeAt(0).startContainer.parentNode.innerHTML;

Но выдает текст с тегами.

od0201 · #5 (**permalink**) 07.08.2021, 10:54

Для данного HTML выше описаный мной скрипт работает

<body>
  выделите картинку и кликните по ней
  <div>
    <img src="https://akvis.com/img/ico/sketch-200.png" alt="AKVIS Sketch" height=100>
  </div>  
</body>
<script>
  document.querySelector('img').addEventListener('click',(e)=>{
    alert( window.getSelection().getRangeAt(0).startContainer.innerHTML)
  })
</script>

voraa · #6 (**permalink**) 07.08.2021, 12:09

Сообщение от od0201

Для данного HTML выше описаный мной скрипт работает

Если выделить не только картинку (например, вместе с текстом над ней), то выдает undefined

Alexandroppolus · #7 (**permalink**) 07.08.2021, 18:31

Сообщение от Aetae

Только костылить разве что как-то хитро.

Ничего хитрого. Просто взять range.cloneContents(), да и обойти его рекурсивно. С текстовых узлов брать data (или как его там), с картинок - alt, теги br заменить на переносы строк, границы блочных элементов - тоже.

Хотя последнее, кстати, не так просто. Стили-то отвалятся у контента. Если это критично, то придется без cloneContents. А именно, делать обход от startContainer до endContainer, причем следующая нода берется так:
nextNode = node.firstChild || node.nextSibling || node.parentNode.nextSibling || node.parentNode.parentNode.nextSibling || ...
(цикл по парентнодам)

Aetae · #8 (**permalink**) 07.08.2021, 19:21

Alexandroppolus, ага, ничего хитрого. Просто месцок-другой вылавливания багов.)

Нет, если костылить, то проще перед tString() пройтись по всем картинкам и прилепить к ним скрытый span с текстом alt(удалив его с картинки для FF), после - вернуть как было.

Alexandroppolus · #9 (**permalink**) 07.08.2021, 19:29

Aetae,
Менять документ по ходу пьесы - тоже так себе. Вдруг там где-то сидит в засаде мутейшенОбзервер) я, в общем, за readonly в таких задачах

Aetae · #10 (**permalink**) 07.08.2021, 19:40

Само собой, костыль на то и костыль.
Но повторить работу Selection.toString, но с "маленьким" дополнением - это задача куда более эпичная, чем кажется на первый взгляд.
Если уж мне бы такая поступила - меньше месяца яб на неё не закладывал, а начал бы с того, что открыл сырцы браузера в нужной части.)

Форум

Справочник

Discord чат

Курсы javascript