SQL highlights in RevealJS presentation

[ced75]

Description

Hi,

I'm trying to display SQL code with highlighted syntax in a reveal JS presentation.

Here is my .qml code:

---
title: "test"
format: 
  revealjs:
    theme: beige
    smaller: false
    self-contained: true
    slide-number: c/t
    code-line-numbers: false
date: "septembre 2023"
date-format : "MMM YYYY"
---

```sql
select * from table1;
```

But my SQL keywords "select" and "from" are not highligthed (different color on keywords) in the HTML rendered doc (I'm using RStudio to compile the HTML document).
Did I miss something to achieve this?

Thanks in advance for your help.

[cderv]

It seems to be something with our arrow highlight style which is the default, and how highlighter is doing the highlighting for SQL.

This is not only something for revealjs. Here is HTML

For now, you can change highlight-style to find one that works with SQL
https://quarto.org/docs/output-formats/html-code.html#highlighting

The option is available for revealjs too: https://quarto.org/docs/reference/formats/presentations/revealjs.html#code

[mcanouil]

Closing in favour of:

• Default highlight-style does not highlight well SQL code block #6645

[ced75]

Thanks for your answer and the issue opened.
Using haddock highlight style works fine.
I've quickly tested few styles in HTML: some of them have the same problem as arrow style. If you want, I can help by testing and reference the other problematic styles.

[cderv]

I've quickly tested few styles in HTML: some of them have the same problem as arrow style. If you want, I can help by testing and reference the other problematic styles.

Sure - you can share in the issue if more style are the same. thank you !