Как сделать так, чтобы выделение текста соответствовало полному слову в HTML?

Question

Я бы хотел, чтобы выделение текста охватывало полные слова, как это делает http://www.apture.com/.Если быть точным, если вы начинаете выделение в середине слова, оно должно включать все слово.

Например, если мой текст такой:

"Это немного mple te xt для выделения "

, где текст, выделенный жирным шрифтом, выделяется с помощью мыши, тогда он должен охватывать все слово, делая выделение похожим на

" Это несколько образец текста для выбора "

Я наткнулся на это сообщение -> Расширить выделенный текст одним словом , что является точно таким же вопросом, но решение не работает длявсе дела.

Плагин jQuery wrapselection http://plugins.jquery.com/project/wrapSelection может это сделать, но я не хочу использовать весь плагин.Мне просто нужен простой пример логики / кода, чтобы сделать это.

Answer 1

Я не помню, кто это сказал, но «беспокоиться о производительности, только когда вы видите, что это проблема».

Следовательно, я бы согласился с предложением Брэндона просто использовать wrapSelection - оно работает, иминимизировано это 15K.Объедините все ваши сценарии в один файл, который находится внизу HTML, и к тому времени, когда пользователь выберет что-то, файл будет загружен.