下载 nodeloc/discourse-bbcode-tabs
演示 (重发)【测试留档】tianlicloud 香港精品 - 评测 - NodeLoc
演示图片
Discourse BBCode Tabs 插件
此插件使用 BBCode 语法在 Discourse 帖子中添加对标签式内容的支持。它允许用户创建多个具有不同内容的选项卡,而无需重新加载页面即可在它们之间切换。
特性
-
使用简单的 BBCode 语法在帖子中创建标签式界面
-
标签内支持完整的 Markdown
-
标签支持浅色和深色主题
-
响应式设计,适用于移动设备
-
标签之间的键盘导航(箭头键)
-
页面加载之间会记住标签选择
安装
请遵循 插件安装指南:
cd /var/discourse
git clone https://github.com/nodeloc/discourse-bbcode-tabs.git plugins/discourse-bbcode-tabs
./launcher rebuild app
设置
此插件在 Discourse 管理界面下的“插件”>“BBCode Tabs”中提供了几个可配置的站点设置:
-
bbcode_tabs_enabled:启用或禁用 BBCode Tabs 插件(默认值:true)
-
bbcode_tabs_first_tab_active:默认自动选择第一个标签(默认值:true)
-
bbcode_tabs_remember_selection:在页面加载之间记住标签选择(默认值:true)
用法
您可以使用以下 BBCode 语法将标签式内容添加到您的帖子中:
[tabs]
[tab=选项卡标题 1]
选项卡 1 的内容
[/tab]
[tab=选项卡标题 2]
选项卡 2 的内容
[/tab]
[tab=选项卡标题 3]
选项卡 3 的内容
[/tab]
[/tabs]
默认将选择第一个选项卡。
示例
基本示例
[tabs]
[tab=一列]
在此填写你的文本,在此填写你的文本,在此填写你的文本,在此填写你的文本
[/tab]
[tab=二列]
在此填写你的文本,在此填写你的文本,在此填写你的文本,在此填写你的文本
[/tab]
[/tabs]
这将创建两个标签,分别标记为“一列”和“二列”,每个标签中包含指定的内容。
