How to render a code block containing quarto markdown div code?

[hopezh]

Description

For example, what code should I write in a qmd file to render the following code block showing some quarto markdown div, including those :::, or ```{python}` marks, without actually evaluating it as it is?

[cderv]

This is the part of the doc that shows the syntax to use unexecuted code block for demo
https://quarto.org/docs/computations/execution-options.html#unexecuted-blocks

Also you seem to be referring to our doc website, source is available by the way
https://github.com/quarto-dev/quarto-web/blob/aa0e031d66beca0b772cb25640a5a81dab92528f/docs/output-formats/html-basics.qmd

[cscheid]

Also, in our website, all the pages generated from.qmd files have a link to "edit this page", which will take you to a github page where you can see the source code.

[hopezh]

Thank you.

I think the use of four backtick symbols is what I should learn from your suggestion.

---

However, after I used it in a qmd file, there is a highlight color for the code block symbol ```, as show below on my quarto website test page: https://hopezh.github.io/oatNotes/quarto_tabset.html

May I ask how to get rid of the highlight color for the 3-backtick lines?

Thanks.

[mcanouil]

See https://quarto.org/docs/output-formats/html-code.html#highlighting.
The colour, keywords, etc. is not Quarto.
This is done by Pandoc via Skylighting.

[cderv]

To be more precise, you used

```` markdown

which will apply the markdown highlighting. But this highlighting is not aware of special code chunk syntax bring by Quarto

```{python}

So you need to change the language used here on this block. Set no language, or use default as mentioned in the doc:
https://quarto.org/docs/authoring/markdown-basics.html#source-code

Maybe we'll manage to adapt the syntax highlighter to support this specific code chunk syntax. I'll check this