Обработка выделенного текста

@skarden · Регистрация: 19.11.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте!
в блоке textarea выделяешь текст, нажимаешь куда-нибудь появляется окно тан пишешь адрес ссылки,
нажимаешь ок и выделенный текст приобретает вид

HTML5
1
<a href="адрес ссылки">выделенный текст</a>

в jquery много инструментов, но что-то не найду самый простой способ:
1) создать "окно" связанное с данным, чтобы при нажатии оно появлялось и исчезало при этом содержимое исходной страницы менялось(ajax слишком мощно)
2) после того как выделил курсором текст, как его вызвать для обработки

@nonamez123 · 21.02.2012, 12:24

http://api.jquery.com/select/

@skarden · 21.02.2012, 13:23 **[ТС]**

Спасибо, но как получить тот текст который был выделен, и как потом его обработать, именно часть текста(напримен 2 слова) из всего содержимого input textarea?

@Daredevi1 · 21.02.2012, 14:10

Самый простой вариант:

JavaScript
1
2
3
4
5
function getSelection() {
    return (!!document.getSelection) ? document.getSelection() :
           (!!window.getSelection)   ? window.getSelection() :
           document.selection.createRange().text;
}

@skarden · 21.02.2012, 15:44 **[ТС]**

не работает

в какой переменной хранится выделенный текст? как создать "подокно" связанное с данным, при внесении иформ в которое можно было бы менять исходный текст?

@Daredevi1 · 21.02.2012, 15:50

Сообщение от skarden

не работает

Не может быть

Сообщение от skarden

в какой переменной хранится выделенный текст?

Функция возвращает выделенный текст.

Сообщение от skarden

как создать "подокно" связанное с данным, при внесении иформ в которое можно было бы менять исходный текст?

Вот это что-то я не очень понял.

@skarden · 21.02.2012, 16:43 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
function getSelection() {
    return (!!document.getSelection) ? document.getSelection() :
           (!!window.getSelection)   ? window.getSelection() :
           document.selection.createRange().text;
}
function show() {
    alert(getSelection());
}
</script>
</head>
 
<body>
 
<input name="but1" type="button" onClick="show()" value="кнопка" />
<textarea name="mess" cols="10" rows="5"></textarea>

может я что-то недопонимаю? не работает. нужно именно из textarea выделение использовать.

@Daredevi1 · 21.02.2012, 16:54

Да действительно не работает

.

Комментарий модератора

Все проблемы решаем на форуме

18.11.2012, 23:53

меня тоже интересует ответ на поставленный вопрос :-)

Как получить выделенный текст из textarea в Хроме или Мозилле?
В ИЕ работает.

@bulletproof24 · 18.12.2013, 18:50

Daredevi1, что такое createRange() ?

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@nonamez123 189 / 185 / 54 Регистрация: 23.10.2010 Сообщений: 1,336
	21.02.2012, 12:24
	http://api.jquery.com/select/ 0

@skarden 3 / 3 / 0 Регистрация: 19.11.2010 Сообщений: 148
	21.02.2012, 13:23 [ТС]
	Спасибо, но как получить тот текст который был выделен, и как потом его обработать, именно часть текста(напримен 2 слова) из всего содержимого input textarea? 0

@skarden 3 / 3 / 0 Регистрация: 19.11.2010 Сообщений: 148
	21.02.2012, 15:44 [ТС]
	не работает в какой переменной хранится выделенный текст? как создать "подокно" связанное с данным, при внесении иформ в которое можно было бы менять исходный текст? 0

jDiger
	18.11.2012, 23:53
	меня тоже интересует ответ на поставленный вопрос :-) Как получить выделенный текст из textarea в Хроме или Мозилле? В ИЕ работает.

@bulletproof24 5 / 5 / 3 Регистрация: 19.09.2013 Сообщений: 303
	18.12.2013, 18:50
	Daredevi1, что такое createRange() ? 0