Сохранить и вспомнить выделенную пользователем выделенную область в текстовой области - PullRequest
Новая
       27

Сохранить и вспомнить выделенную пользователем выделенную область в текстовой области

3 голосов
/ 28 марта 2012

Я использую HTML, php, mySQL и jquery в качестве инструментов. В настоящее время у меня есть область моего сайта, где пользователи оставляют записи о своих взаимодействиях с клиентами. Они могут добавлять теги к заметкам, чтобы записывать, какие темы (теги) охватывает заметка. Моя цель - сделать шаг вперед. Я хочу, чтобы иметь возможность записывать, какие темы конкретного текста в заметке охватывает. Я хочу, чтобы клиент мог выбирать текст в текстовой области для сохранения в качестве ссылки на определенный тег. Я хочу, чтобы иметь возможность вспомнить весь текст в их представлении они помечены как связанные с тегом. Это будет отличаться от того, что я в настоящее время помечаю для представления в целом.

Например, я мог бы искать в их заметках тег CONCERNS, и вместо того, чтобы вызывать все заметки, которые были помечены тегом CONCERNS, то, что мы делаем в настоящее время, я хотел бы вызвать конкретный текст в заметке, который было выделено / выбрано как относящееся к КОНЦЕРНАМ или по крайней мере к примечанию с выделенным конкретным текстом.

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

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

1 Ответ

0 голосов
/ 28 марта 2012

Если выделенный текст содержится внутри элемента INPUT или TEXTAREA, я использую jQuery-caret для извлечения выделенного текста.
Использование: 

var input = $("#selector");
var range = input.caret();
var text = null;
// Get selected text
text = input.val().substr(range.start, range.end - 1);
...