Используя мышь, чтобы выделить

Question

Я хотел бы вывести выделенный текст на экран (текст, выделенный мышью), а при нажатии кнопки обернуть этот текст в тег. Я бы хотел использовать jquery, но если это можно сделать в другой среде, это тоже подойдет.

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

.

Спасибо!

Answer 1

Выделение выделенного текста не обязательно требует его переноса. На самом деле, попытка обернуть это сложно, если диапазон выделения охватывает несколько тегов (то есть не окружает красиво закрытые теги).

Вот ответ, который выделяет текущий выбор без переноса: Кнопка выделения выделенного диапазона Javascript .

Он использует execCommand, чтобы позволить браузеру выделить текущий выбранный документ для вас. Довольно мило.

Answer 2

Здесь - пост о работе с выделенным текстом. Для получения выделенного текста можно использовать метод getSelection(), тогда вы сможете заменить этот текст текстом, заключенным в тег.