Javascript用标签bbcode包装文本

Javascript wrap text with tags bbcode?

本文关键字：包装 文本 bbcode 标签 Javascript      更新时间：2023-09-26

有没有用标签包装文本区域文本？Javascript/Jquery

B=粗体I=斜体U=下划线S=删除

例如：

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

当我突出显示"这里"，然后点击粗体，它将是这样的smth。

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

希望我能找到解决方案就这样，谢谢。

这是的解决方案

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

使用

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;
}
相关文章：