Requesting visual editor support for <details> blocks

[jmgirard]

While teaching (e.g., creating assignments), I like to include <details> blocks in my RMarkdown documents. This creates the hidden/collapsible chunks for things like hints and answer keys. This works well in the source editor, but when I try to move between the code editor and the new visual editor, it keeps breaking my lines up. Example:

In source editor, I type:

<p><details><summary>Hint</summary>Here is a hint</details></p>

Then I go to the visual editor view and then back again to the source editor and it shows:

<p>

<details>

<summary>

Hint

</summary>

Here is a hint

</details>

</p>

As a result of these extra linebreaks, the display in my knit document is wrong:

Instead of what it should be:

[cderv]

@jmgirard

<p><details><summary>Hint</summary>Here is a hint</details></p>

With visual editor you need to include a raw HTML block when you want to use directly HTML in your document. With visual editor, it is in the command palette or menu

This is documented here: Visual R Markdown

If you use source editor you need to know the syntax.

```{=html}
<p><details><summary>Hint</summary>Here is a hint</details></p>
```

[jmgirard]

If I want the hint to include an R chunk, is it possible to embed that within the HTML chunk?

For example, this works in the source editor and is a great feature:

<p><details><summary>Hint</summary>
```{r}
pi * 180
```
</details></p>

[cderv]

You need to mark each inline char or block as Raw. Examples:

```{=html}
<p><details><summary>Hint</summary>
```
```{r}
pi * 180
```

```{=html}
</details></p>
```

You could be interested in this package also:

GitHub - yonicd/details: R Package to Create Details HTML Tag for Markdown...

Hope it helps

[jmgirard]

That package looks perfect, thank you!