让编辑器自定义代码支持更多bbcode的内嵌并允许空内容闭合 · Pull Request !65 · Discuz/DiscuzX

编辑器自定义代码不能内嵌左方括号（`[`）的问题，造成一部分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></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>
```

Discuz/DiscuzX .gitee-modal { width: 500px !important; }

搜索帮助

Discuz/DiscuzX