{{< treeview >}}

Descrição#

O código curto treeview permite mostrar uma estrutura de árvore em várias formas. Para usá-lo você pode incluir o código curto com ou sem parâmetros num arquivo “_index.md” para mostrar no Site o conteúdo da árvore de arquivos contida em determinado diretório.

Parâmetros#

Nome Tipo(nomeado/posicional) Descrição
rootpath nomeado

Nível superior da árvore de diretórios

PS: Caso não for especificado é usado o caminho para a página atual (.).
display nomeado

Estilos disponíveis:

  • list (lista)
  • graph (gráfico)
  • tree (árvore)

PS: Caso não for especificado, o estilo padrão é list (lista).
init nomeado

Comportamento da árvore ao momento de inciar. Possíveis valores:

  • collapse (colapsado)
  • uncollapse (não colapsado)

PS: Caso não seja especificado, o comportamento padrão será uncollapse.

Exemplos#

Markdown Renderização 
{{</* treeview /*/>}}
No data available
 
{{</* treeview
    rootpath="/shortcodes"
/*/>}}
No data available
 
{{</* treeview
    rootpath="/shortcodes"
    display="graph"
/*/>}}
No data available
 
{{</* treeview
    rootpath="/shortcodes"
    display="tree"
/*/>}}
No data available
 
{{</* treeview
    rootpath="/shortcodes"
    display="tree"
    init="collapse"
/*/>}}
No data available
 
{{</* treeview
    display="tree"
*/>}}
[{
    "kind": "dir",
    "label": "***Diretório***",
    "content": [{
            "kind": "archive",
            "label": "***Arquivo***",
            "content": [{
                    "kind": "dir",
                    "label": "***Diretório** num arquivo*",
                    "content": [{
                            "kind": "file",
                            "label": "***Arquivo plano** em diretório num arquivo*"
                        }]
                },{
                    "kind": "file",
                    "label": "***Arquivo plano** num arquivo*"
                }]
        },{
            "kind": "file",
            "label": "***Arquivo plano** em diretório*"
        }]
},{
    "kind": "default",
    "label": "***Default***"
},{
    "kind": "dir",
    "label": "***Diretório***"
},{
    "kind": "file",
    "label": "***Arquivo***"
},{
    "kind": "home",
    "label": "***Home***"
},{
    "kind": "page",
    "label": "***Página***"
},{
    "kind": "section",
    "label": "***Sessão***"
},{
    "kind": "taxonomy",
    "label": "***Taxonomia***"
},{
    "kind": "term",
    "label": "***Termo dentro da taxonomia***"
},{
    "kind": "archive",
    "label": "***Arquivo***"
},{
    "kind": "image",
    "label": "***Arquivo de imagem***"
},{
    "kind": "video",
    "label": "***Arquivo de video***"
},{
    "kind": "script",
    "label": "***Script***"
},{
    "kind": "dockerfile",
    "label": "***Arquivo Docker***"
},{
    "kind": "pdf",
    "label": "***Arquivo PDF***"
},{
    "kind": "powerpoint",
    "label": "***Arquivo PowerPoint***"
},{
    "kind": "excel",
    "label": "***Arquivo Excel***"
},{
    "kind": "csv",
    "label": "***Arquivo CSV***"
},{
    "kind": "word",
    "label": "***Arquivo Word***"
}]
{{</* /treeview */>}}

  • Diretório

    • Arquivo

      • Diretório num arquivo

        • Arquivo plano em diretório num arquivo

      • Arquivo plano num arquivo

    • Arquivo plano em diretório

  • Default

  • Diretório

  • Arquivo

  • Home

  • Página

  • Sessão

  • Taxonomia

  • Termo dentro da Taxonomia

  • Arquivo

  • Arquivo de imagem

  • Arquivo de video

  • Script

  • Arquivo Docker

  • Arquivo PDF

  • Arquivo PowerPoint

  • Arquivo Excel

  • Arquivo CSV

  • Arquivo Word