Javascript包装带标签bbcode的文本？

Question

是否有用标签包装textarea文本？ 的Javascript/Jquery的

B =粗体I =斜体U =下划线S =击

例如：

-+-+-+-+- 
B I U S 
-+-+-+-+- 
<textarea> 
Some text here 
</textarea> 

当我突出 “这里”，然后单击大胆的将是这样的行为。

-+-+-+-+- 
B I U S 
-+-+-+-+- 
<textarea> 
Some text [b]here[/b] 
</textarea> 

希望我会找到解决方案 ，这是它的感谢。

Answer 1

这是溶液

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

Answer 2

使用率

console.log(parseBB('[b]hello [/b][u]world[/u]')); 
console.log(parseBB(document.getElementById('textareaID').value)); 
console.log(parseBB($('#textareaID').val())); 

测试用例

$('#output-container').html(parseBB($('#textareaID').val())); 

..

function parseBB(string){ 
var _string = string.replace(/\n/g, '<br>'), 
parseExp = new RegExp(/^(.*)\[(b|u|i|s)\]([A-Za-z0-9 ._-]+)\[\/[a-z]+\](.*)$/g); 

(function run(){ 
    if(parseExp.test(_string)){ 
     _string = _string.replace(parseExp , '$1<$2>$3</$2>$4'); 
     run(); 
    } 
})(); 
return _string; 
}