-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
example.qmd
118 lines (91 loc) · 2.1 KB
/
example.qmd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
---
title: "Highlight-text Quarto Extension"
format:
html:
output-file: index
typst:
output-file: highlight-typst
papersize: a4
margin:
x: 2.5cm
y: 2.5cm
pdf:
output-file: highlight-latex
papersize: a4
margin:
x: 2.5cm
y: 2.5cm
docx:
output-file: highlight-docx
revealjs:
output-file: highlight-revealjs
beamer:
output-file: highlight-beamer
aspectratio: 169
pptx:
output-file: highlight-pptx
format-links: true
embed-resources: true
execute:
echo: true
filters:
- highlight-text
---
This is a Quarto extension that allows to highlight text in a document for various format: HTML, LaTeX, Typst, and Docx.
## Installing
```bash
quarto add mcanouil/quarto-highlight-text
```
This will install the extension under the `_extensions` subdirectory.
If you're using version control, you will want to check in this directory.
## Using
To use the extension, add the following to your document's front matter:
```yaml
filters:
- highlight-text
```
Then you can use the span syntax markup to highlight text in your document.
```markdown
[Red]{colour="#b22222" bg-colour="#abc123"} # UK
[Blue]{color="#0000FF" bg-color="#ABC123"} # US
```
## Font Colour
```markdown
[Red text]{colour="#b22222"}
```
[Red text]{colour="#b22222"}
```markdown
[Blue text]{color="#0000FF"}
```
[Blue text]{color="#0000FF"}
## Background Colour
```markdown
[Red background]{bg-colour="#b22222"}
```
[Red background]{bg-colour="#b22222"}
```markdown
[Blue background]{bg-color="#0000FF"}
```
[Blue background]{bg-color="#0000FF"}
## Font and Background Colour
```markdown
[White text, Red background]{
colour="#FFFFFF" bg-colour="#b22222"
}
```
[White text, Red background]{colour="#FFFFFF" bg-colour="#b22222"}
```markdown
[White text, Blue background]{
color="#FFFFFF" bg-color="#0000FF"
}
```
[White text, Blue background]{color="#FFFFFF" bg-color="#0000FF"}
## More Examples
```markdown
[text [with a link](https://quarto.org/)]{
color="#FFFFFF" bg-color="#00FFFF"
}
```
[text [with a link](https://quarto.org/)]{
color="#FFFFFF" bg-color="#00FFFF"
}