Skip to content

Commit 45aba2a

Browse files
committed
Update Presenter documentation
1 parent 5449614 commit 45aba2a

File tree

1 file changed

+39
-0
lines changed

1 file changed

+39
-0
lines changed

examples/presenter/ReadMe.md

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -241,6 +241,45 @@ Presentations automatically get saved when calling:
241241
self.begin_presentation(show_notes=True)
242242
```
243243

244+
<h3><img src="https://seleniumbase.github.io/img/logo6.png" title="SeleniumBase" width="24" /> Special abilities:</h3>
245+
246+
If you want to highlight multiple lines at different times in the same slide with the `<mark>` / `</mark>` tags, you can use the new `<mk-0>`-`</mk-0>`, `<mk-1>`-`</mk-1>` tags, which will generate multiple HTML slides from one Python slide.
247+
248+
Example:
249+
250+
```python
251+
self.add_slide(
252+
code=(
253+
<p><mk-0>Highlight this on the 1st generated slide</mk-0></p>
254+
<p><mk-1>Highlight this on the 2nd generated slide</mk-1></p>
255+
<p><mk-2>Highlight this on the 3rd generated slide</mk-2></p>
256+
<p><mk-3>Highlight this on the 4th generated slide</mk-3></p>
257+
)
258+
)
259+
```
260+
261+
Those should automatically get converted to `<mark>` ... `</mark>` on their turn:
262+
263+
Eg. First generated slide:
264+
265+
```html
266+
<p><mark>Highlight this on the first generated slide</mark></p>
267+
<p>Highlight this on the second generated slide</p>
268+
<p>Highlight this on the third generated slide</p>
269+
<p>Highlight this on the fourth generated slide></p>
270+
```
271+
272+
Eg. Second generated slide:
273+
274+
```html
275+
<p>Highlight this on the first generated slide</p>
276+
<p><mark>Highlight this on the second generated slide</mark></p>
277+
<p>Highlight this on the third generated slide</p>
278+
<p>Highlight this on the fourth generated slide></p>
279+
```
280+
281+
Etc...
282+
244283
--------
245284

246285
<h3 align="left"><img src="https://seleniumbase.github.io/cdn/img/sb_logo_b.png" alt="SeleniumBase" width="240" /></h3>

0 commit comments

Comments
 (0)