Scarica nodeloc/discourse-bbcode-tabs
Demo (重发)【测试留档】tianlicloud 香港精品 - 评测 - NodeLoc
Immagine Demo
Plugin Discourse BBCode Tabs
Questo plugin aggiunge il supporto per contenuti a schede nei post di Discourse utilizzando la sintassi BBCode. Permette agli utenti di creare più schede con contenuti diversi che possono essere selezionati senza ricaricare la pagina.
Funzionalità
-
Crea interfacce a schede nei post utilizzando una semplice sintassi BBCode
-
Supporto completo per markdown all’interno delle schede
-
Le schede funzionano sia con temi chiari che scuri
-
Design reattivo per dispositivi mobili
-
Navigazione da tastiera (tasti freccia) tra le schede
-
La selezione della scheda viene ricordata tra i ricaricamenti della pagina
Installazione
Segui la guida all’installazione del plugin:
cd /var/discourse
git clone https://github.com/nodeloc/discourse-bbcode-tabs.git plugins/discourse-bbcode-tabs
./launcher rebuild app
Impostazioni
Questo plugin fornisce diverse impostazioni del sito che possono essere configurate nell’interfaccia di amministrazione di Discourse sotto Plugin > BBCode Tabs:
-
bbcode_tabs_enabled: Abilita o disabilita il plugin BBCode Tabs (predefinito: true)
-
bbcode_tabs_first_tab_active: Seleziona automaticamente la prima scheda per impostazione predefinita (predefinito: true)
-
bbcode_tabs_remember_selection: Ricorda la selezione della scheda tra i ricaricamenti della pagina (predefinito: true)
Utilizzo
Puoi aggiungere contenuti a schede ai tuoi post utilizzando la seguente sintassi BBCode:
[tabs]
[tab=Titolo Scheda 1]
Contenuto per la scheda 1
[/tab]
[tab=Titolo Scheda 2]
Contenuto per la scheda 2
[/tab]
[tab=Titolo Scheda 3]
Contenuto per la scheda 3
[/tab]
[/tabs]
La prima scheda verrà selezionata per impostazione predefinita.
Esempi
Esempio Base
[tabs]
[tab=Colonna Uno]
Inserisci qui il tuo testo, inserisci qui il tuo testo, inserisci qui il tuo testo, inserisci qui il tuo testo
[/tab]
[tab=Colonna Due]
Inserisci qui il tuo testo, inserisci qui il tuo testo, inserisci qui il tuo testo, inserisci qui il tuo testo
[/tab]
[/tabs]
Questo creerà due schede etichettate “Colonna Uno” e “Colonna Due” con il contenuto specificato in ciascuna scheda.
