Discourse BBCode 标签插件

下载 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]

这将创建两个标签,分别标记为“一列”和“二列”,每个标签中包含指定的内容。

5 个赞

您可以请求加入 类="mention"plugin-authors/a 团体,以便您可以在 Plugin 类别中发布此内容。

2 个赞

这非常酷。我绝对可以看到很多的价值增加

2 个赞

不是

吗?


@cuo_wu 你不需要手动克隆仓库。你只需要将其添加到 app.yml 文件中(另外,命令也有点错误)。


不过插件很棒!我可以看到很多用例。

1 个赞

我的错。 :laughing:

2 个赞