插件 \ 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><></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 特殊字符