Style guide Visual style Treeview folder structure

Treeview folder structure

Elements

Treeview source	Rendering
[source, treeview] .... Treeview ├── Documents │ ├── book.epub │ ├── document.docx │ ├── pdf.pdf │ ├── spreadsheet.xlsx │ └── table.csv ├── Imagess │ ├── image.png │ ├── meme.gif │ ├── photo.jpeg │ └── vector-drawing.svg ├── Markup │ ├── asciidoc.adoc │ ├── markdown.md │ └── latex.tex ├── Settings │ ├── config.ini │ ├── json-file.json │ └── yaml-file.yml ├── Source code │ ├── html-file.html │ └── js-file.js └── Subfolder ├── .Hidden-folder │ └── .hidden-file └── Subfolder 2 └── Subfolder 3 ....	Treeview ├── Documents │ ├── book.epub │ ├── document.docx │ ├── pdf.pdf │ ├── spreadsheet.xlsx │ └── table.csv ├── Imagess │ ├── image.png │ ├── meme.gif │ ├── photo.jpeg │ └── vector-drawing.svg ├── Markup │ ├── asciidoc.adoc │ ├── markdown.md │ └── latex.tex ├── Settings │ ├── config.ini │ ├── json-file.json │ └── yaml-file.yml ├── Source code │ ├── html-file.html │ └── js-file.js └── Subfolder ├── .Hidden-folder │ └── .hidden-file └── Subfolder 2 └── Subfolder 3

Treeview source

Rendering

[source, treeview]
....
Treeview
├── Documents
│   ├── book.epub
│   ├── document.docx
│   ├── pdf.pdf
│   ├── spreadsheet.xlsx
│   └── table.csv
├── Imagess
│   ├── image.png
│   ├── meme.gif
│   ├── photo.jpeg
│   └── vector-drawing.svg
├── Markup
│   ├── asciidoc.adoc
│   ├── markdown.md
│   └── latex.tex
├── Settings
│   ├── config.ini
│   ├── json-file.json
│   └── yaml-file.yml
├── Source code
│   ├── html-file.html
│   └── js-file.js
└── Subfolder
    ├── .Hidden-folder
    │   └── .hidden-file
    └── Subfolder 2
        └── Subfolder 3
....

Treeview
├── Documents
│   ├── book.epub
│   ├── document.docx
│   ├── pdf.pdf
│   ├── spreadsheet.xlsx
│   └── table.csv
├── Imagess
│   ├── image.png
│   ├── meme.gif
│   ├── photo.jpeg
│   └── vector-drawing.svg
├── Markup
│   ├── asciidoc.adoc
│   ├── markdown.md
│   └── latex.tex
├── Settings
│   ├── config.ini
│   ├── json-file.json
│   └── yaml-file.yml
├── Source code
│   ├── html-file.html
│   └── js-file.js
└── Subfolder
    ├── .Hidden-folder
    │   └── .hidden-file
    └── Subfolder 2
        └── Subfolder 3

Notes

Linux tree command

The tree command on Ubuntu seems to include non-breaking spaces in Unicode in its output. This is not properly interpreted, and results in a mangled display.

Either specify the output to be in ASCII:

$ tree --noreport -a --dirsfirst --charset=ASCII <folder>

Or replace the Unicode whitespace in the output:

$ tree --noreport -a --dirsfirst <folder> | sed -e 's/\xC2\xA0/ /g'