Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit be909b1

Browse files
Added Treeview plugin (PrismJS#2265)
1 parent 67afc5a commit be909b1

File tree

6 files changed

+299
-1
lines changed

6 files changed

+299
-1
lines changed

‎components.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎components.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1267,6 +1267,11 @@
12671267
"description": "Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",
12681268
"owner": "RunDevelopment",
12691269
"noCSS": true
1270+
},
1271+
"treeview": {
1272+
"title": "Treeview",
1273+
"description": "A language with special styles to highlight file system tree structures.",
1274+
"owner": "Golmote"
12701275
}
12711276
}
12721277
}

‎plugins/treeview/index.html‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
5+
<meta charset="utf-8" />
6+
<link rel="icon" href="favicon.png" />
7+
<title>Treeview ▲さんかく Prism plugins</title>
8+
<base href="../.." />
9+
<link rel="stylesheet" href="style.css" />
10+
<link rel="stylesheet" href="themes/prism.css" data-noprefix />
11+
<link rel="stylesheet" href="plugins/treeview/prism-treeview.css" data-noprefix />
12+
<script src="scripts/prefixfree.min.js"></script>
13+
14+
<script>var _gaq = [['_setAccount', 'UA-33746269-1'], ['_trackPageview']];</script>
15+
<script src="https://www.google-analytics.com/ga.js" async></script>
16+
</head>
17+
<body class="language-none">
18+
19+
<header data-plugin-header="treeview"></header>
20+
21+
<section>
22+
<h1>How to use</h1>
23+
<p>You may use <code>tree -F</code> to get a compatible text structure.</p>
24+
25+
<pre><code class="language-treeview">root_folder/
26+
|-- a first folder/
27+
| |-- holidays.mov
28+
| |-- javascript-file.js
29+
| `-- some_picture.jpg
30+
|-- documents/
31+
| |-- spreadsheet.xls
32+
| |-- manual.pdf
33+
| |-- document.docx
34+
| `-- presentation.ppt
35+
| `-- test
36+
|-- empty_folder/
37+
|-- going deeper/
38+
| |-- going deeper/
39+
| | `-- going deeper/
40+
| | `-- going deeper/
41+
| | `-- .secret_file
42+
| |-- style.css
43+
| `-- index.html
44+
|-- music and movies/
45+
| |-- great-song.mp3
46+
| |-- S01E02.new.episode.avi
47+
| |-- S01E02.new.episode.nfo
48+
| `-- track 1.cda
49+
|-- .gitignore
50+
|-- .htaccess
51+
|-- .npmignore
52+
|-- archive 1.zip
53+
|-- archive 2.tar.gz
54+
|-- logo.svg
55+
`-- README.md</code></pre>
56+
57+
<p>You can also use the following box-drawing characters to represent the tree:</p>
58+
59+
<pre><code class="language-treeview">root_folder/
60+
├── a first folder/
61+
| ├── holidays.mov
62+
| ├── javascript-file.js
63+
| └── some_picture.jpg
64+
├── documents/
65+
| ├── spreadsheet.xls
66+
| ├── manual.pdf
67+
| ├── document.docx
68+
| └── presentation.ppt
69+
└── etc.
70+
</code></pre>
71+
72+
</section>
73+
74+
<footer data-src="templates/footer.html" data-type="text/html"></footer>
75+
76+
<script src="prism.js"></script>
77+
<script src="plugins/treeview/prism-treeview.js"></script>
78+
<script src="scripts/utopia.js"></script>
79+
<script src="components.js"></script>
80+
<script src="scripts/code.js"></script>
81+
82+
</body>
83+
</html>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /