Is it possible to references ojs variables in html code blocks?

[jmhimara]

Description

I know you can easily reference ojs variables in markdown, for example:

```{ojs}
viewof x = Inputs.button("Button")
```

${x}

However this doesn't seem to work within html cells. Is something like this possible, without resorting to DOM manipulation?

For example (using x from above)?

```{ojs}
viewof x = Inputs.button("Button")
```

```{=html}
<div>
<h2> Example HTML code block <h2>

Number of clicks: ${x}

<div>
```

[mcanouil]

You are talking about "html cells", but there is no such thing in your example.

Could you share a small "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? Thanks.

You can share a Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).

````qmd
---
title: "Reproducible Quarto Document"
format: html
---

This is a reproducible Quarto document using `format: html`.
It is written in Markdown and contains embedded R code.
When you run the code, it will produce a plot.

```{r}
plot(cars)
```

The end.
````

[jmhimara]

Sure, but is the alternative not possible? I.e. I.e. consider x as a variable?

[mcanouil]

Don't put it in raw block.
So reformat your block to make it appear outside the raw block.

[jmhimara]

I don't think that's possible for my case. I'm trying to build a rather complicated layout for a page that I don't think it can be done in markdown. I need to use raw html for this one.

[mcanouil]

It's possible using raw code blocks and raw inline code.
`<p>raw inline html</p>`{=html} followed by normal markup

[jmhimara]

This could work. I think I should be able to split opening and closing html tags in different code blocks.

Thanks.