Найти выделенный текст из нескольких текстов

Question

Что я хочу сделать, так это то, что я хочу создать приложение для онлайн-закладок для своего проекта. Я хочу выбрать элемент или абзац или текст из HTML-шаблона, хочу назначить определенный цвет выбранной части шаблона, затем сохранить его в базе данных с текущим пользователем, выбранным цветом и текущим URL-адресом и в следующий раз пользователь, который выбрал тексты, посещает одну и ту же страницу, те же тексты отображаются в том же цвете, который выбрал для них пользователь.

Например: у меня есть шаблон, в котором у меня есть несколько абзацев, и я выбираю слово под названием Java Script из второго абзаца. Там повторяется скрипт java.

JavaScript was originally developed by Brendan Eich, while working for Netscape 
Communications Corporation. While competing with Microsoft for user adoption of web 
technologies and platforms, Netscape considered their client-server offering a 
distributed OS with a portable version of Sun Microsystems' Java providing an 
environment in which applets could be run. 

JavaScript was originally developed by Brendan Eich, while working for Netscape 
Communications Corporation. While competing with Microsoft for user adoption of web 
technologies and platforms, Netscape considered their client-server offering a 
distributed OS with a portable version of Sun Microsystems' Java providing an 
environment in which applets could be run. 

JavaScript was originally developed by Brendan Eich, while working for Netscape 
Communications Corporation. While competing with Microsoft for user adoption of web 
technologies and platforms, Netscape considered their client-server offering a 
distributed OS with a portable version of Sun Microsystems' Java providing an 
environment in which applets could be run. 

Могу ли я как-то узнать, что слово, которое java script я выбрал. Предоставляет ли DOM такую ​​манипуляцию, из которой пункт i выбрал слово? Справка будет оценена

Answer 1

Вы можете обратиться к ответам на this StackOverflow question, чтобы узнать, как получить диапазон выделенного текста. Затем, используя свойства startOffset и endOffset Range, вы можете сохранить в базе данных начальные и конечные индексы выделенного текста, чтобы в будущем вы повторно выбрали этот текст и создали с ним новый стиль DOM-узла, имеющего цветной фон или что-то вроде того.