Как получить все теги при выделении текста в contenteditable

#javascript #jquery

У меня есть div с contenteditable. Например, в нем есть 4 теги p с текстом. И пользователь
выбирает текст начиная с середины второго абзаца и до середины третьего. Есть ли возможность
получить все p, которые входят в это выделение?
    

Ответы

Ответ 1

Ещё надо допиливать, но идея примерно такая:



document.addEventListener('selectionchange', function () {
  var s = getSelection()

  for (var a = s.anchorNode; a && a.tagName !== 'P'; a = a.parentElement);
  for (var b = s.focusNode;  b && b.tagName !== 'P'; b = b.parentElement);

  if (!a || !b || a.parentElement !== b.parentElement) return
  
  var res = [], els = a.parentElement.children

  if (a === b) {
    res.push(a)
  } else {
    for (var q=0; qУ меня есть div с contenteditable.

Например, в нем есть 4 теги p с текстом.
И пользователь выбирает текст начиная с середины второго абзаца и до середины
третьего.
Есть ли возможность получить все p, которые входят в это выделение?