jQuery ajustar el texto seleccionado en un área de texto

Question

¿Cómo puedo obtener el texto seleccionado por el usuario (solo dentro de textarea) y aplicarle acciones para algo así como ajustar la selección [#bold]selected text[/bold].

Answer 1

Construido a lo publicado Soufiane, aquí está el código traducido a jQuery con la capacidad de pasar en las etiquetas de apertura y cierre:

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

uso sería entonces así:

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

Esta función puede ayudarlo a hacer lo que quiera con algunos ajustes. Lo encontré here.