编辑器自定义代码不能内嵌左方括号([)的问题,造成一部分bbcode不能内嵌到自定义代码的内容中,发现许多用户有过类似的困惑。

simple test case:

[fly]内嵌[b]加粗[/b]的内容[/fly]
[fly]内嵌[color=Red]颜色[/color]的内容[/fly]

相关:
http://www.discuz.net/thread-1949371-1-1.html
http://www.discuz.net/thread-3709487-1-1.html
http://www.discuz.net/thread-3232759-1-1.html
http://www.discuz.net/thread-2762455-1-1.html
http://www.discuz.net/thread-3121233-1-1.html
http://www.discuz.net/thread-1350898-1-1.html
http://www.discuz.net/thread-1327666-1-1.html

test case:

默认 bbcode:
[font=宋体]字体[/font]
[size=5]字号[/size]
[b]加粗[/b]
[i]斜体[/i]
[u]下划线[/u]
[color=Red]颜色[/color]
[color=Plum]颜色[/color]
[color=#FF0000]颜色[/color]
[backcolor=Red]背景色[/backcolor]
[url=http://www.discuz.net/]超链接[/url]
[table=98%]
[tr][td]表格[/td][td]表格[/td][/tr]
[/table]
[align=left]居左[/align]
[align=center]居中[/align]
[align=right]居右[/align]
[img]http://www.discuz.net/static/image/common/logo.png[/img]
[code]代码[/code]
[quote]引用[/quote]

自定义代码:

飞行:
[fly][/fly]
[fly]普通内容[/fly]
[fly]带有左方括号([)的内容[/fly]
[fly]带有右方括号(])的内容[/fly]
[fly]内嵌[b]加粗[/b]的内容[/fly]
[fly]内嵌[color=Red]颜色[/color]的内容[/fly]
[fly]内嵌[color=#FF0000]颜色[/color]的内容[/fly]
[fly]内嵌[url=http://www.discuz.net/]超链接[/url]的内容[/fly]
[fly]内嵌[i]斜体[/i]的内容[/fly]
[fly]内嵌[code]代码[/code]的内容[/fly]
[fly]内嵌[quote]引用[/quote]的内容[/fly]

折叠:
[spoiler][/spoiler]
[spoiler]普通内容[/spoiler]
[spoiler]带有左方括号([)的内容[/spoiler]
[spoiler]带有右方括号(])的内容[/spoiler]
[spoiler]内嵌[b]加粗[/b]的内容[/spoiler]
[spoiler]内嵌[color=Red]颜色[/color]的内容[/spoiler]
[spoiler]内嵌[color=#FF0000]颜色[/color]的内容[/spoiler]
[spoiler]内嵌[url=http://www.discuz.net/]超链接[/url]的内容[/spoiler]
[spoiler]内嵌[i]斜体[/i]的内容[/spoiler]
[spoiler]内嵌图片[img]http://www.discuz.net/static/image/common/logo.png[/img]的内容[/spoiler]
[spoiler]内嵌[code]代码[/code]的内容[/spoiler]
[spoiler][table=98%]
[tr][td]表格[/td][td]表格[/td][/tr]
[/table][/spoiler]
[spoiler]内嵌[quote]引用[/quote]
的内容[/spoiler]
[spoiler]嵌套2层[spoiler]第2层[/spoiler][/spoiler]
[spoiler]嵌套3层[spoiler]第2层[spoiler]第3层[/spoiler][/spoiler][/spoiler]

其中[spoiler]示例:

<style><!--
.spoilerbutton{cursor:pointer;}
.spoilerbody{border:1px solid #999;border-radius:2px;color:rgb(27, 29, 44);margin:5px 0px 19.5px;padding:9.75px;position:relative;}
--></style>
<div class="spoiler">
<div class="spoilerheader">
<input type="button" class="spoilerbutton" value="点击展开/收起" onclick="n = this.parentNode.parentNode.lastChild;if(n.style.display == 'none') {n.style.display = 'block';} else {n.style.display = 'none';} return false;"/>
</div>
<div class="spoilerbody" style="display:none;">
<table>
<td>
{1}
</td></table>
</div></div>