code-fold and highlight for non executable code

[rleyvasal]

It would help presenters to have the ability to highlight code and also do code-fold when the code is only for demonstration in a language non executable such as scss.

At the moment code in R, Python, can use code-fold but if other languages are in a code block which is only highlighted, then the code is not fold-able.

Python code is foldable with code-fold but scss highlighted is not foldable as seen below:

Reproducible Code

---
title: "My document"
format:
  html:
    code-fold: true
    code-summary: "Show code"
---

```{python}
#| eval: false

// Content.scss
@use 'colors' as colors;
body > content {
    padding: 40px;
    margin: auto;
    max-width: 100%
}
```


Show code below folded

```scss
// Content.scss
@use 'colors' as colors;
body > content {
    padding: 40px;
    margin: auto;
    max-width: 100%
}
```

[cderv]

Thanks for the suggestion, I'll transfer this to an issue for feature request to consider.

I believe this is something also reported in an extension quarto-ext/include-code-files#1 and someone has develop a workaround extension from the time being: https://github.com/shafayetShafee/add-code-files

Maybe that can help you right now.

Thanks again

[rleyvasal]

Thanks for the suggestion @cderv

[GegznaV]

@rleyvasal, did you try these:

```{scss}

```{scss, eval=FALSE}

Instead of:

```scss

Do they work in your case?

[cderv]

@GegznaV this works because here you are using scss knitr engine. This requires using R with Quarto.

in @rleyvasal example, there is only Python chunk so the document will execute with Jupyter not R. So this will not work. It may work by adding in YAML header

engine: knitr

so that the document uses R and knitr for computation engine.

This would be a workaround, but #4693 still need to happen to not rely on this.

[rleyvasal]

@GegznaV your suggesttions do not work

[GegznaV]

They worked in R Markdown but seem not to be working in Quarto :(

[cderv]

Yes it works with R Markdown, so it needs to be with R when using Quarto, not with Jupyter computation; See my answer #4558 (reply in thread) for explanation.

[moonpiedumplings]

You can use the html details tag to hide stuff, when writing in markdown.

Like so:

<details> 

<summary>summary here</summary>

Whatever you want here. Code, diagrams, images, you name it.

</details> 

Which renders to (I didn't know github comments could render html, pretty cool):

summary here

Whatever you want here. Code, diagrams, images, you name it.

[mcanouil]

Closing in favour of #4693