2009-11-11 2 views

ответ

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

В случае любой когда-либо захочет этого, вот версия этой функции: https://gist.github.com/2938205 – DVG

+0

Было бы неплохо, если бы окончательный выделенный текст включал в себя вставку, а не только начальный выбор. Или, может быть, переместите курсор в конец новой строки ... – brasofilo

+0

Хорошо, это делает трюк 'textArea [0] .selectionEnd = end + openTag.length + closeTag.length;' (после последней строки). – brasofilo

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.

Смежные вопросы