• Introdução
  • Parâmetros
  • Atualização do Log
  • Avaliação
  • Guia

FinchUI Fui _ toc é um plug-in Z-Blog PHP da família FinchUI que analisa automaticamente os títulos dos artigos e gera diretórios aninhados em forma de árvore. Suporta três estilos de apresentação, como simplicidade, cartão de borda e barra lateral flutuante, e pode configurar livremente o nível de título, numeração automática, dobrável padrão, destaque de rolagem e de inserção.

Os estilos seguem as especificações de design do FinchUI 2.0, com adaptação de modo escuro incorporada - basta adicionar '. fui-dark' ao contêiner externo para alternar automaticamente.

O fundo fornece um seletor de cor para personalizar o título e a combinação de cores de links no modo de cor clara.

A interação do front-office é alimentada por JS puramente nativo, sem qualquer dependência de terceiros.


Log de atualização de trabalho

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


Plug-in front-end efeitos

Como a página atual é exibida, o estilo de borda é usado.


Captura de tela do Plugin Setup

Configurações básicas

Geração de diretórios

Analise automaticamente os títulos dos artigos para gerar diretórios aninhados em árvore verdadeira
  • Diretório aninhado multinível

    Estrutura de árvore ul / li verdadeiraA barra filho exibe atualmente o símbolo de hierarquia <unk>

  • Livre escolha da hierarquia de títulos

    Suporte h2 ~ h6Combinações de escolha múltipla, configuração flexível

  • ID de âncora única

    Gerar automaticamente o atributo id para o títuloAcrescente automaticamente -2 e -3 ao mesmo título para evitar conflitos

  • Limiar mínimo do título

    O diretório não é exibido quando o número de títulos é inferior ao valor definidoEvite diretórios redundantes em artigos curtos

  • Numeração automática

    Numeração de nível de exibição opcionalFormato: 1. / 1.1. /1.1.1.

  • Inserir posição

    Topo do artigoApós o primeiro parágrafoAntes do primeiro título

  • Controle do Dispositivo de Exibição

    Exibição final do PC e do celular simultaneamenteExibir apenas no PCSomente exibição final móvel

Estilo de catálogo

Três estilos de exibição, seguindo a especificação de design da FinchUI 2.0
  • Estilo minimalista (simples)

    Sem fundo Sem bordaSeparador de linha fina abaixo da barra de títuloIncorporar composição de texto

  • Cartão de fronteira (em caixa)

    Siga o plano de fundo da superfície do temaBorda arredondadaTítulo Bar Blue Bottom Line

  • Barra lateral flutuante (flutuante)

    Corrigido no lado direito da páginaPermanece visível enquanto a página rolaTela pequena retorna automaticamente ao modo em linha

  • Modo escuro

    Siga a especificação Dark do FinchUI 2.0Camada externa mais comutação automática.fui-dark

  • Esquema de cores personalizado

    Selecionador de cores de fundo Definir cor do títuloSelecionador de Cores de Fundo Definir Cor do LinkNão afeta o modo escuro

Função interativa

Driver JavaScript nativo puro sem dependências de terceiros
  • Dobrar / desdobrar

    Clique na barra de título para alternarSuporte Teclado Enter / Espaço operaçãoO dobramento padrão pode ser definido

  • Destaque de rolagem

    Marque o capítulo atual em tempo real durante a rolagemO modo de barra lateral flutuante funciona melhorFechar

  • Salto suave

    Clique em um item para rolar suavemente para o título correspondenteSuporta configuração de deslocamento da barra superior fixa

  • Suporte de acessibilidade

    Anotação de atributo ARIAEstilo de foco do teclado

Não gosto.0
Versão #
1.0.4
ID de trabalho
fui_toc
Site oficial do autor
https://pt.finchui.com/
Requisitos do procedimento
1.7.2
Versão PHP
5.6
Tamanho do pacote
169.19 KB
  • 202609-30

    v1.0.4

    Adapte o modo claro e escuro FinchUI, estilo de tema de diretório unificado.

    • OtimizarTexto do diretório, plano de fundo, bordas, cantos arredondados e barras de rolagem são conectados a variáveis de tema FinchUI para seguir automaticamente os modos claro e escuro.
    • MudançaA cor do título personalizado de fundo e a cor do link são alteradas para variáveis locais do diretório e o esquema de cores do tema do quadro é preferido no modo escuro.
    • SegurançaAdicione a verificação do formato de cor hexadecimal antes de produzir cores personalizadas em primeiro plano.
  • 202609-05

    v1.0.3

    O estilo de diretório é carregado sob demanda para melhorar a proteção de entrada de configuração e a compatibilidade operacional.

    • OtimizarCarregue estilos de diretório somente quando o diretório de artigos for realmente gerado e evite duplicar a saída.
    • ReparaçãoA geração de âncora de diretório não ocorre mais quando a extensão mbstring não está instalada.
    • SegurançaA página de configuração verifica se o App Center ou a Finch Store está ativada após a autenticação do administrador.
    • MudançaComplete a lista de embalagem da identidade do aplicativo, ambiente compatível, preço e resumo da atualização.
  • 202603-13

    v1.0.2

    Restrições nos diretórios só entram em vigor nas páginas dos artigos

    • ReparaçãoOs plugins de diretório agora funcionam apenas em páginas de artigos e as páginas autônomas (páginas criadas pelo gerenciamento de páginas) não geram mais diretórios
  • 202603-07

    v1.0.1

    Primeiro lançamento

    • NovoPrimeiro lançamento

Eu acho que você gosta.

Mercadorias populares
Rótulos quentes
Rótulos relevantes
Edição da FinchUI Store

Partilhar

Copiar ligação
Horário de trabalho: 9: 00 - 22: 00
Sábado, domingo: 14: 00 - 22: 00
wechat
Digitalizar código para adicionar WeChat de atendimento ao cliente