Plugin de abas BBCode para Discourse

Baixar nodeloc/discourse-bbcode-tabs

Demo (重发)【测试留档】tianlicloud 香港精品 - 评测 - NodeLoc

Imagem de Demonstração

Plugin Discourse BBCode Tabs

Este plugin adiciona suporte para conteúdo em abas no Discourse usando a sintaxe BBCode. Ele permite que os usuários criem várias abas com conteúdo diferente que pode ser alternado sem recarregar a página.

Funcionalidades

  • Crie interfaces em abas nas postagens usando sintaxe BBCode simples

  • Suporte completo a markdown dentro das abas

  • As abas funcionam com temas claros e escuros

  • Design responsivo para dispositivos móveis

  • Navegação por teclado (setas) entre as abas

  • A seleção da aba é lembrada entre recarregamentos de página

Instalação

Siga o guia de instalação de plugins:


cd /var/discourse

git clone https://github.com/nodeloc/discourse-bbcode-tabs.git plugins/discourse-bbcode-tabs

./launcher rebuild app

Configurações

Este plugin oferece várias configurações de site que podem ser configuradas na interface de administração do Discourse em Plugins > BBCode Tabs:

  • bbcode_tabs_enabled: Habilita ou desabilita o plugin BBCode Tabs (padrão: true)

  • bbcode_tabs_first_tab_active: Seleciona automaticamente a primeira aba por padrão (padrão: true)

  • bbcode_tabs_remember_selection: Lembra a seleção da aba entre recarregamentos de página (padrão: true)

Uso

Você pode adicionar conteúdo em abas às suas postagens usando a seguinte sintaxe BBCode:


[tabs]

[tab=Título da Aba 1]

Conteúdo para a aba 1

[/tab]

[tab=Título da Aba 2]

Conteúdo para a aba 2

[/tab]

[tab=Título da Aba 3]

Conteúdo para a aba 3

[/tab]

[/tabs]

A primeira aba será selecionada por padrão.

Exemplos

Exemplo Básico


[tabs]

[tab=一列]

在此填写你的文本,在此填写你的文本,在此填写你的文本,在此填写你的文本

[/tab]

[tab=二列]

在此填写你的文本,在此填写你的文本,在此填写你的文本,在此填写你的文本

[/tab]

[/tabs]

Isso criará duas abas rotuladas “一列” e “二列” com o conteúdo especificado em cada aba.

5 curtidas

Você pode solicitar ingresso no grupo ad

2 curtidas

Isto é muito legal. Eu definitivamente consigo ver muito valor agregado

2 curtidas

Não

?


@cuo_wu Você não precisa clonar o repositório manualmente. Você só precisa adicioná-lo ao arquivo app.yml (além disso, o comando está ligeiramente errado).


Bom plugin! Posso ver muitos casos de uso para isso.

1 curtida

Meu erro. :laughing:

2 curtidas