Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Document standard tokens and provide examples #3104

Merged
merged 20 commits into from Oct 21, 2021
Merged

Document standard tokens and provide examples #3104

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
b661fc9
Document standard tokens
hoonweiting Oct 3, 2021
cf1e850
Apply suggestions from code review
hoonweiting Oct 3, 2021
d6c3483
Collapse inserted/deleted and attr-name/attr-value pairs
hoonweiting Oct 3, 2021
2b593f7
Improve definitions for builtin and punctuation
hoonweiting Oct 3, 2021
4fcd969
Reduce number of numbers examples
hoonweiting Oct 3, 2021
1d44f70
Add more examples
hoonweiting Oct 4, 2021
fe59d12
Edit introductory blurb
hoonweiting Oct 4, 2021
5bad862
Apply suggestions from code review
hoonweiting Oct 4, 2021
c8035a8
Add missing `</code>` tag
hoonweiting Oct 4, 2021
871ce64
Made the token list a table
RunDevelopment Oct 4, 2021
8615c44
Make the token list a table (#1)
hoonweiting Oct 5, 2021
08c4e46
Move non-standard tokens blurb into a section of its own
hoonweiting Oct 5, 2021
0ad11a2
Match table cell padding with that in extending.html
hoonweiting Oct 5, 2021
483d267
Change "Prism" to "Prism's themes" in the embedded languages section
hoonweiting Oct 5, 2021
d47f0a5
Provide example for non-standard tokens
hoonweiting Oct 5, 2021
ca765be
Remove link to non-existent Show Language CSS file
hoonweiting Oct 7, 2021
ae645ed
Merge branch 'master' into 2849-token-type-docs
hoonweiting Oct 21, 2021
6ac2537
Remove blank line at the start of the code block
hoonweiting Oct 21, 2021
f0846dd
Add `language-none` class to `body` tag
hoonweiting Oct 21, 2021
a27a11c
Add links to `tokens.html`
hoonweiting Oct 21, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 2 additions & 2 deletions extending.html
View file
Open in desktop
Expand Up @@ -60,8 +60,8 @@ <h1>Language definitions</h1>

<dt>alias</dt>
<dd>This option can be used to define one or more aliases for the matched token. The result will be, that
the styles of the token and its aliases are combined. This can be useful, to combine the styling of a well known
token, which is already supported by most of the themes, with a semantically correct token name. The option
the styles of the token and its aliases are combined. This can be useful, to combine the styling of a <a href="/tokens.html">standard
token</a>, which is already supported by most of the themes, with a semantically correct token name. The option
can be set to a string literal or an array of string literals. In the following example the token
name <code>latex-equation</code> is not supported by any theme, but it will be highlighted the same as a string.
<pre><code class="language-javascript">{
Expand Down
7 changes: 4 additions & 3 deletions faq.html
View file
Open in desktop
Expand Up @@ -21,7 +21,7 @@
<script>var _gaq = [['_setAccount', 'UA-33746269-1'], ['_trackPageview']];</script>
<script src="https://www.google-analytics.com/ga.js" async></script>
</head>
<body>
<body class="language-none">

<header>
<div class="intro" data-src="assets/templates/header-main.html" data-type="text/html"></div>
Expand Down Expand Up @@ -95,14 +95,15 @@ <h1>How do I know which tokens I can style for every language?</h1>

<p>Language: <select id="language-select"></select></p>
<pre class="language-none" style="height: 30em"><code id="print-tokens-output"></code></pre>

<p>Additionally, you can find a list of standard tokens on <a href="/tokens.html">this page</a>.</p>
</section>

<section>
<h1>How can I use different highlighting for tokens with the same name in different languages?</h1>
<p>Just use a descendant selector, that includes the language class. The default <code>prism.css</code> does this, to have different colors for
JavaScript strings (which are very common) and CSS strings (which are relatively rare). Here’s that code, simplified to illustrate the technique:
<pre><code class="language-css">
.token.string {
<pre><code class="language-css">.token.string {
color: #690;
}

Expand Down