Выберите конкретный текст из редактируемого содержимого div

рассмотрим ниже редактируемый контент div

.editable-div div {
display: inline-block;
}

<div contenteditable = "true" class = "editable-div">
  <div> This </div> <div> is a an example</div><div> for inline block</div> <div>elemenst </div> 
</div>

Поместите курсор мыши в любое место содержимого
Нажмите shift + home
Он выберет только содержимое встроенного блока div
Я хочу выделить весь контент до начала div
Я не могу изменить стиль встроенный блок внутренних div
По вышеуказанной причине (5) я делаю индивидуальную реализацию для shift + home и shift + end, поэтому мне нужно выбрать конкретный текст из div.

* Выбрать как При выделении текста (выбор пользователя) браузера, у меня уже есть ссылки для выбора всего содержимого div Выделение текста в элементе (аналогично выделению мышью)

но здесь я хочу выделить только конкретный текст. пожалуйста помоги

Как узнать, что нужно выбирать только test editable cont? Есть ли какой-нибудь шаблон или правило для этого?

— 12.04.2018 16:32

В частности: Вы заинтересованы в поиске определенного набора символов (строки) или сопоставлении регулярного выражения :?

— 12.04.2018 16:34

возможный дубликат stackoverflow.com/questions/5379120/….

— 12.04.2018 16:37

javascript html css

12.04.2018 16:31

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

Я думаю, что window.getSelection() - это то, что вы ищете.

var selection = "";

function getText() {
  if (window.getSelection) {
    selection = window.getSelection().toString();
  } else if (document.selection && document.selection.type !== "Control") {
    selection = document.selection.createRange().text;
  }
  return text;
}

Извините, возможный дубликат stackoverflow.com/questions/5379120/…

— 12.04.2018 16:37

Извините, я хочу выделить текст, но не хочу его восстанавливать

— 13.04.2018 07:49

12.04.2018 16:36