无法正确设置动态创建的Quarto标注的格式

我正try 在一个四重奏文档中动态创建一个标注.我可以创建标注，但Quarto似乎覆盖了我的格式指令.

我可以使用Quarto命令创建一个格式正确的静态NTFS:

::: {.callout-important}

This is the first hard-coded warning.

:::

它产生了

正如我所料.判断该HTML文档的此元素会显示以下HTML:

当我复制并粘贴此输出，无论是在Quarto文档的正文中，还是在同一文档中的代码块中，然后呈现文档时，我看到:

对应的HTML:

我原来的HTML在渲染过程中被修改了.

这里有一个MRE:

---
title: "Test"
format: html
editor: visual
---

::: {.callout-important}

This is the first hard-coded warning.

:::

```{r}
#| label: validation
#| echo: FALSE
#| results: asis
cat("
<div class=\"callout callout-style-default callout-important callout-titled\">
<div class=\"callout-header d-flex align-content-center\">
<div class=\"callout-icon-container\">
<i class=\"callout-icon\"></i>
</div>
<div class=\"callout-title-container flex-fill\">
Important
</div>
</div>
<div class=\"callout-body-container callout-body\">
<p>This is a dynamic warning.</p>
</div>
</div>    
")
```

<div class="callout callout-style-default callout-important callout-titled">
<div class="callout-header d-flex align-content-center">
<div class="callout-icon-container">
<i class="callout-icon"></i>
</div>
<div class="callout-title-container flex-fill">
Important
</div>
</div>
<div class="callout-body-container callout-body">
<p>This is the second hard-coded warning.</p>
</div>
</div>

此外，

cat("::: {.callout-important}\\n\\n This is the second dynamic callout. \\n\\n ::: \\n\\n")

而类似的做法也不起作用.

有人可以帮助我动态创建一个格式正确的NTFS吗？

Edit

按照Samr在 comments 中的建议，这

```{=HTML}
<div class="callout callout-style-default callout-important callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
 <i class="callout-icon"></i>
 </div>
 <div class="callout-title-container flex-fill">
 Important
 </div>
 </div>
 <div class="callout-body-container callout-body">
 <p>This is the second hard-coded warning.</p>
 </div>
 </div>
 ```

产生所需的输出，但保持静态，因此不能完全解决我的问题.