tarasis
/
eleventy-plugin-syntaxhighlighting-chroma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
eleventy-plugin-syntaxhighl.../demo/test-markdown.md

253 lines
4.5 KiB
Markdown
Raw Normal View History

base files from eleventy-plugin-syntaxhighlight-4.2.0 and chromahighlight npm package as dependency
2023-02-02 15:36:15 +01:00
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="../test.css">
</head>
<body>
work in progress. basic arguments handled in njk and md, need to do liquid and handling lineNumbersStart, highlight lines
2023-02-03 00:46:44 +01:00
Just `curious` what
No lang
```
function myFunction() {
return true;
}
```
Langs
base files from eleventy-plugin-syntaxhighlight-4.2.0 and chromahighlight npm package as dependency
2023-02-02 15:36:15 +01:00
```ts
function myFunction() {
return true;
}
```
```typescript
function myFunction() {
return true;
}
```
```js
function myFunction() {
return true;
}
```
```js
let multilineString = `
this is the first line
this is the middle line
this is the last line
`;
```
## Dash line
```js/-
let multilineString = `
this is the first line
this is the middle line
this is the last line
`;
```
work in progress. basic arguments handled in njk and md, need to do liquid and handling lineNumbersStart, highlight lines
2023-02-03 00:46:44 +01:00
Highlight 1 & 3
base files from eleventy-plugin-syntaxhighlight-4.2.0 and chromahighlight npm package as dependency
2023-02-02 15:36:15 +01:00
```js/1,3
let multilineString = `
this is the first line
this is the middle line
this is the last line
`;
```
work in progress. basic arguments handled in njk and md, need to do liquid and handling lineNumbersStart, highlight lines
2023-02-03 00:46:44 +01:00
Highlight 1, 3-6
```js/1,3-6
let multilineString = `
this is the first line
this is the second line
this is the third line
this is the fourth line
this is the fifth line
this is the sixth line
this is the seventh line
this is the eighth line
`;
```
Highlight 1, 3-6
```js/1,3:6
let multilineString = `
this is the first line
this is the second line
this is the third line
this is the fourth line
this is the fifth line
this is the sixth line
this is the seventh line
this is the eighth line
`;
```
added handling highlighting lines, from single lines, to ranges, to line + range. Could probably do multiple ranges if I edit the regex
2023-02-03 02:51:06 +01:00
```js/4
let multilineString = `
this is the first line
this is the second line
this is the third line
this is the fourth line
this is the fifth line
this is the sixth line
this is the seventh line
this is the eighth line
`;
```
work in progress. basic arguments handled in njk and md, need to do liquid and handling lineNumbersStart, highlight lines
2023-02-03 00:46:44 +01:00
Line numbers and highlight
Highlight 1, 3-6
```js/1,3:6/lineNumbers
let multilineString = `
this is the first line
this is the second line
this is the third line
this is the fourth line
this is the fifth line
this is the sixth line
this is the seventh line
this is the eighth line
`;
```
added handling highlighting lines, from single lines, to ranges, to line + range. Could probably do multiple ranges if I edit the regex
2023-02-03 02:51:06 +01:00
Line numbers and highlight
Highlight 3-6
```js/3:6/lineNumbers
let multilineString = `
this is the first line
this is the second line
this is the third line
this is the fourth line
this is the fifth line
this is the sixth line
this is the seventh line
this is the eighth line
`;
```
work in progress. basic arguments handled in njk and md, need to do liquid and handling lineNumbersStart, highlight lines
2023-02-03 00:46:44 +01:00
Line numbers, highlight, base number 200, table
added handling highlighting lines, from single lines, to ranges, to line + range. Could probably do multiple ranges if I edit the regex
2023-02-03 02:51:06 +01:00
Highlight 202-204
```js/202:204/lineNumbers/table/lineNumbersStart=200
let multilineString = `
this is the first line
this is the second line
this is the third line
this is the fourth line
this is the fifth line
this is the sixth line
this is the seventh line
this is the eighth line
`;
```
Line numbers, highlight, base number 200, table
Highlight 3-6 (won't work)
work in progress. basic arguments handled in njk and md, need to do liquid and handling lineNumbersStart, highlight lines
2023-02-03 00:46:44 +01:00
added handling highlighting lines, from single lines, to ranges, to line + range. Could probably do multiple ranges if I edit the regex
2023-02-03 02:51:06 +01:00
```js/3:6/lineNumbers/table/lineNumbersStart=200
work in progress. basic arguments handled in njk and md, need to do liquid and handling lineNumbersStart, highlight lines
2023-02-03 00:46:44 +01:00
let multilineString = `
this is the first line
this is the second line
this is the third line
this is the fourth line
this is the fifth line
this is the sixth line
this is the seventh line
this is the eighth line
`;
```
Line numbers, highlight, base number 200, table
Highlight 1, 3-6, separated spaces (won't work)
```swift 1,3:6 lineNumbers table lineNumbersStart=200
let multilineString = `
this is the first line
this is the second line
this is the third line
this is the fourth line
this is the fifth line
this is the sixth line
this is the seventh line
this is the eighth line
`;
```
## Other arguments
Table
```js/table
function myFunction() {
return true;
}
```
linenums
```js/lineNumbers
function myFunction() {
return true;
}
```
base files from eleventy-plugin-syntaxhighlight-4.2.0 and chromahighlight npm package as dependency
2023-02-02 15:36:15 +01:00
## Scrollbar
```js
import { aReallyLongFunctionNameThatCouldBeLongerButThisShouldBeLongEnoughByNowHopefully as anEvenLongerFunctionNameWithMoreCharactersThanCouldBeImaginedByAnyOnePersonInThisEntireWorldOfPeopleThatOneMightKnowAtLeastThatIsWhatIsTheorizedByThisLongName } from 'wow-this-is-so-long-you-might-need-a-scrollbar-to-see-it.long-ol-file-extension-that-should-not-be-this-long-on-a-real-site-but-this-is-to-demonstrate-the-accessibility-of-tabindex-and-scrollbars.js';
```
work in progress. basic arguments handled in njk and md, need to do liquid and handling lineNumbersStart, highlight lines
2023-02-03 00:46:44 +01:00
## CSS
```css
pre {
display: block;
padding: 0.75rem 1rem;
line-height: 1.5;
overflow-x: auto;
background-color: #eee;
font-size: 1em; /*14px /16*/
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 2;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
background-color: #272822;
color: #fff;
}
:not(pre) > code[class*="language-"] {
padding: 0.1em 0.3em;
border-radius: 0.3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #8da1b9;
}
```
base files from eleventy-plugin-syntaxhighlight-4.2.0 and chromahighlight npm package as dependency
2023-02-02 15:36:15 +01:00
</body>
</html>