Выделите текст в contenteditable и получить позицию - PullRequest
Новая
       9

Выделите текст в contenteditable и получить позицию

0 голосов
/ 26 февраля 2019

В настоящее время я работаю над плагином для устаревшего WYSIWYG, который я не могу заменить (устаревший код).

Я никогда раньше не работал с contenteditable / WYSIWYG, поэтому я немного растерялся, чтоВ настоящее время я просто не могу добиться того, как получить положение определенного текста и переместить на него всплывающее окно.

Поэтому мне нужно добавить в качестве наложения элемент «выделение» или обернуть текст им.и получить положение выделенного текста 

<div id="wrapper">
  <h2 contenteditable id="enter" placeholder="Enter the text to highlight here..."></h2>

  <div contenteditable id="area">
    Lorem ipsum dolor sit amet <b>consectetur</b> adipisicing elit. Blanditiis tenetur ipsa quisquam debitis porro mollitia quod. <b>Asperiores</b> <i>voluptatum</i>.
     <br>
    Qui non <s>molestias</s> illo repudiandae vel, <highlight>necessitatibus</highlight> tempore odit, temporibus, veritatis iusto?
  </div>
</div>

Я также попробовал плагин rangy.js, но я бы предпочел иметь более простые решения без jquery, и, похоже, он работает только с textareas.

https://codepen.io/anon/pen/VRYKmm

...