javascript - 不解析代码标签之间的 BBCode

Question

我已经阅读过有关此主题的其他帖子，但似乎没有一个有帮助。

好的，我正在编写自己的 BBCode 解析器。现在我的问题是如何不解析 [code] 标签之间的 BBCode？我真的不知道该怎么做。这是我当前的代码:

$('#posttextareadisplay').text($('#textareainput').val());
    var replacebbcode = $('#posttextareadisplay').html().replace(/(\[((\/?)(b|i|u|s|sup|sub|code|quote))\])/gi, '<$2>')
                                                        .replace(/(\[(rule)\])/gi, '<hr>')
                                                        .replace(/(\[((align=)(left|center|right|justify))\])/gi, '<div align="$4">')
                                                        .replace(/(\[((\/)(align))\])/gi, '</div>')
                                                        .replace(/(\[((color=#)([0-9a-fA-F]{0,}))\])/gi, '<span style="color:#$4">')
                                                        .replace(/(\[((\/)(color))\])/gi, '</span>')
                                                        .replace(/(\[((size=)(1|2|3|4|5|6))\])/gi, '<font size="$4">')
                                                        .replace(/(\[((\/)(size))\])/gi, '</font>')
                                                        .replace(/(\[((link=)([a-zA-Z0-9._:\/\\+-]{0,}))\])/gi, '<a href="$4">')
                                                        .replace(/(\[((\/)(link))\])/gi, '</a>')
                                                        .replace(/((((http|https):\/\/)(([a-z0-9\-]+\.)+([a-z]{2}|aero|arpa|biz|com|coop|edu|gov|info|int|jobs|mil|museum|name|nato|net|org|pro|travel|local|internal))(:[0-9]{1,5})?(\/[a-z0-9_\-\.~]+)*(\/([a-z0-9_\-\.]*)(\?[a-z0-9+_\-\.%=&amp;]*)?)?(#[a-zA-Z0-9!$&'()*+.=-_~:@\/?]*)?)(\s+|$))/gi, '<a href="$1">$1</a>');
    $('#posttextareadisplay').html(replacebbcode);

那么我该怎么做才能不解析 [code] 标签之间的代码呢？谢谢你!!! :)

附注我正在使用 JS/Jquery

Answer 1

一种解决方案是将 BBCode 特殊字符 [ 和 ] 替换为相应的 HTML 实体 [ 和 ] 这样以后就不会解析它们:

input.replace(/\[code](.*?)\[\/code]/g,function(m,a){return '<code>'+a.replace(/[[\]]/g, function(t){return '&#9'+(t=='['?'1':'3')+';';})+'</code>';})