Как обернуть выделенный текст в текстовой области?

Question

Как я могу получить выбранный пользователем текст (только внутри textarea) и применить к нему действия, например, обернуть выделение [#bold]selected text[/bold]?

Answer 1

Основываясь на сообщениях, опубликованных Soufiane, вот код, переведенный в jquery с возможностью передавать теги open и close:

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]");

Answer 2

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);
}

Эта функция может помочь вам сделать то, что вы хотите с некоторыми настройками. Я нашел это здесь .