插件 \ bbcode为TinyMCE添加基于BBCode的输入输出功能。

此页更新时间:2019-03-04 20:57

此页英文文档:https://www.tiny.cloud/docs/plugins/bbcode/

这个插件可以通过使用类似[b]这样的bbcode转换为html的strong标签显示,在用户提交内容时再返回bbcode。这在一般留言区需要限制用户提交内容的格式,但又想提供用户常用的格式时很有用。

使用该插件,会导致很多TinyMCE的功能无法使用,因为bbcode不支持完整的HTML规范。

DEMO示例:

tinymce.init({
    selector: '#tinydemo',
    plugins: 'bbcode code',
    toolbar: 'undo redo | bold italic underline | code',
    height: 240,
});
html代码
<textarea id="tinydemo">
<p>点击<b>&lt;&gt;</b> (HTML源码) 按钮查看输出的 <em>bbcode</em> 格式代码。</p>
<p><b>加粗文本示例</b></p>
<p><i>斜体文本示例</i></p>
</textarea>

该插件提供的配置选项

bbcode_dialect

目前仅支持punbb这一个值,但预留此选项是为了未来能支持更多。

BBCode说明HTML
[b]...[/b]加粗<strong>...</strong>
[i]...[/i]斜体<em>...</em>
[u]...[/u]下划线<u>...</u>
[url=...]...[/url]链接<a href="...">...</a>
[img]...[/img]图片<img src="..." />
[color=...]...[/color]文字颜色<font color="...">...</font>
[code]...[/code]代码示例<span class="codeStyle">...</span>
[quote]...[/quote]引用<span class="quoteStyle">...</span>
\n换行<br />

取值:String(目前仅支持punbb这一个值)

默认:'punbb'

bbcode_dialect: "punbb"

下一节:charmap 特殊字符