Как я могу получить выбранный пользователем текст (только внутри textarea) и применить к нему действия, например, обернуть выбор [#bold]selected text[/bold]
.jQuery wrap выделенный текст в текстовом поле
13
A
ответ
22
Строительство от того, что отправил Soufiane, вот код переводится в JQuery с возможностью проходить в открытых и закрытых тегов:
function wrapText(elementID, openTag, closeTag) {
var textArea = $('#' + elementID);
var len = textArea.val().length;
var start = textArea[0].selectionStart;
var end = textArea[0].selectionEnd;
var selectedText = textArea.val().substring(start, end);
var replacement = openTag + selectedText + closeTag;
textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len));
}
Использование затем будет выглядеть примерно так:
wrapText("myTextArea", "[#bold]", "[/bold]");
6
function wrapAsLink(url){
var textarea = document.getElementById("myTa");
var len = textarea.value.length;
var start = textarea.selectionStart;
var end = textarea.selectionEnd;
var sel = textarea.value.substring(start, end);
var replace = '<a href="'+url+'">' + sel + '</a>';
textarea.value = textarea.value.substring(0,start) + replace +
textarea.value.substring(end,len);
}
Эта функция может помочь вам сделать то, что вы хотите, с некоторыми настройками. Я нашел его here.
Смежные вопросы
- 1. Получить выделенный текст в текстовом поле
- 2. Как получить выделенный текст в текстовом поле
- 3. Ссылка на выделенный текст в текстовом поле
- 4. Получить выделенный текст в текстовом поле C#
- 5. jQuery или JavaScript, как выделить выделенный текст в текстовом поле
- 6. Как проверить выделенный текст в многострочном текстовом поле в C#?
- 7. Как отредактировать выделенный текст в текстовом поле в JavaFX?
- 8. jQuery установить выделенный текст
- 9. Как заменить выделенный текст в текстовом поле html?
- 10. Adobe Flash ActionScript 2.0 выделенный текст в текстовом поле
- 11. Как изменить выделенный текст в текстовом поле на якорный тег
- 12. JQuery удаляет выделенный текст во втором поле
- 13. Отобразить выделенный текст в текстовом блоке
- 14. Как установить текст в текстовом поле JQuery
- 15. текст в текстовом поле
- 16. текст в текстовом поле
- 17. текст описания в текстовом поле?
- 18. jQuery - изменить выделенный текст
- 19. Получить выделенный текст на странице (не в текстовом поле) с помощью jQuery
- 20. Удалить выделенный/выделенный текст
- 21. Получить выделенный текст
- 22. jQuery: показать выделенный текст в поле предупреждения при Ctrl + a
- 23. Получить выделенный текст во входном поле
- 24. Разрыв слов в текстовом поле (с помощью TextWrapping = Wrap)
- 25. Заменить выделенный текст на jquery/javascript
- 26. Как добавить выделенный текст в поле java?
- 27. C# Выделенный текст в поле WinForms
- 28. Выделите текст в текстовом поле
- 29. Частичный текст в текстовом поле
- 30. Вкладка «Текст» в текстовом поле
В случае любой когда-либо захочет этого, вот версия этой функции: https://gist.github.com/2938205 – DVG
Было бы неплохо, если бы окончательный выделенный текст включал в себя вставку, а не только начальный выбор. Или, может быть, переместите курсор в конец новой строки ... – brasofilo
Хорошо, это делает трюк 'textArea [0] .selectionEnd = end + openTag.length + closeTag.length;' (после последней строки). – brasofilo