• Presentazione
  • Parametri
  • Aggiornare il diario
  • Valutazione
  • Guida

FinchUI Fui _ toc è un plugin Z-BlogPHP della famiglia FinchUI che analizza automaticamente i titoli degli articoli e genera una vera e propria directory nidificata a forma di albero. Supporta tre stili di presentazione: semplicità, scheda cornice e barra laterale galleggiante, e può configurare liberamente il livello di titolo, la numerazione automatica, il piegamento predefinito, il risalto di scorrimento e la posizione di inserimento.

Gli stili seguono le specifiche di progettazione FinchUI 2.0 e l'adattamento della modalità scura incorporato - è sufficiente aggiungere `. fui-dark` al contenitore esterno per passare automaticamente.

Lo sfondo fornisce un selettor di colore per personalizzare i titoli e i colori dei collegamenti in modalità luce.

L'interazione del front-office è guidata da JS puramente nativo, senza dipendenza da terze parti.


Progettazione del diario

https://it.finchui.com/showcase/fui_toc_changelog.html


Effetto di inserimento front-end

Come mostrato nella pagina corrente, è stato utilizzato uno stile di cornice.


Plug-in installazione di screenshot

Installazione di base

generazione di directory

Analizza automaticamente i titoli degli articoli per generare vere directory annidate ad albero
  • directory nidificata multilivello

    Vera struttura ad albero ul / liLa barra figlio attualmente visualizza il simbolo della gerarchia <unk>

  • Libera scelta della gerarchia del titolo

    Supporto h2 ~ h6Combinazioni a scelta multipla, configurazione flessibile

  • ID di ancoraggio univoco

    Genera automaticamente l'attributo id per il titoloAggiunge automaticamente -2 e -3 allo stesso titolo per evitare conflitti

  • soglia minima del titolo

    La directory non viene visualizzata quando il numero di titoli è inferiore al valore impostatoEvitare le directory ridondanti negli articoli brevi

  • Numerazione automatica

    Numerazione del livello di visualizzazione opzionaleFormato: 1. / 1,1. / 1.1.1.

  • inserire posizione

    articolo in altoDopo il primo paragrafoPrima del primo titolo

  • Controllo del dispositivo di visualizzazione

    PC e display terminale mobile contemporaneamenteVisualizzazione solo su PCSolo display terminale mobile

Stile catalogo

Tre stili di visualizzazione, seguendo le specifiche di progettazione FinchUI 2,0
  • Stile minimalista (semplice)

    Nessun sfondo Nessun bordoSeparatore di linea sottile sotto la barra del titoloIncorporare la composizione del testo

  • Carta di frontiera (in scatola)

    Segui lo sfondo della superficie del temabordo arrotondatoTitolo Bar Blue Bottom Line

  • Barra laterale fluttuante (fluttuante)

    Fisso sul lato destro della paginaRimane visibile mentre la pagina scorreIl piccolo schermo ritorna automaticamente alla modalità in linea

  • Modalità scura

    Segui le specifiche di FinchUI 2,0 DarkStrato esterno più commutazione automatica.fui-dark

  • Schema di colori personalizzato

    Selettore colore sfondo Set Colore titoloSelezione del colore di sfondo Imposta il colore del collegamentoNon influisce sulla modalità scura

funzione interattiva

Driver JavaScript nativo puro senza dipendenze di terze parti
  • Piega / apri

    Fare clic sulla barra del titolo per cambiareSupporto Tastiera Entra / Spazio operazioneLa piegatura predefinita può essere impostata

  • Scorrere Evidenziare

    Tagga il capitolo corrente in tempo reale durante lo scorrimentoLa modalità barra laterale fluttuante funziona megliochiudibile

  • salto regolare

    Fare clic su un elemento per scorrere agevolmente fino al titolo corrispondenteSupporta la configurazione dell'offset della barra superiore fissa

  • Supporto all'accessibilità

    ARIA annotazione attributoStile di messa a fuoco della tastiera

Non piace0
Versione numero
1.0.4
ID lavoro
fui_toc
Sito ufficiale dell 'autore
https://it.finchui.com/
Requisiti procedurali
1.7.2
Versione PHP
5.6
dimensione del pacchetto
169.19 KB
  • 202609-30

    v1.0.4

    Adatta FinchUI modalità luce e buio, stile tema directory unificato.

    • ottimizzareIl testo della directory, lo sfondo, i bordi, gli angoli arrotondati e le barre di scorrimento sono collegati alle variabili del tema FinchUI per seguire automaticamente le modalità luce e buio.
    • CambiareIl colore del titolo personalizzato di sfondo e il colore del collegamento vengono cambiati in variabili locali della directory e lo schema di colori del tema della cornice è preferito in modalità scura.
    • sicurezzaAggiungi il controllo del formato colore esadecimale prima di emettere colori personalizzati in primo piano.
  • 202609-05

    v1.0.3

    Lo stile di directory viene caricato su richiesta per migliorare la protezione delle voci di configurazione e la compatibilità operativa.

    • ottimizzareCarica gli stili di directory solo quando la directory dell'articolo è effettivamente generata ed evita l'output duplicato.
    • RiparazioneLa generazione di ancoraggio alla directory non si verifica più quando l'estensione mbstring non è installata.
    • sicurezzaLa pagina di configurazione verifica che App Center o Finch Store sia abilitato dopo l'autenticazione dell'amministratore.
    • CambiareCompleta l'elenco di imballaggio dell'identità dell'applicazione, dell'ambiente compatibile, del prezzo e del riepilogo dell'aggiornamento.
  • 202603-13

    v1.0.2

    Le restrizioni sulle directory hanno effetto solo sulle pagine degli articoli

    • RiparazioneI plug-in di directory ora funzionano solo sulle pagine degli articoli e le pagine autonome (pagine create dalla gestione delle pagine) non generano più directory
  • 202603-07

    v1.0.1

    prima versione

    • Nuovo aggiuntoprima versione

Immagino che ti piaccia.

Condividi

Copia link

Lo studio delle stelle.Aggiungi qq del servizio clienti.

Orario di lavoro: 9: 00 - 22: 00
Sabato, Domenica: 14: 00 - 22: 00
wechat
Aggiungi il servizio micro