我可以将 HTML 代码写入 Rmarkdown 文件并将其作为 HTML 文件输出吗？答案

【问题标题】：Can I write HTML code into a Rmarkdown file and have it output as an HTML file?我可以将 HTML 代码写入 Rmarkdown 文件并将其作为 HTML 文件输出吗？
【发布时间】：2021-11-05 15:10:05
【问题描述】：

我使用 Rmarkdown 已经有一段时间了，之前也使用过像
这样的 HTML 命令，但由于某种原因，我无法在 Rmarkdown 中生成此代码。

这是我编写的一些 HTML 代码，它在我的 Rstudio 控制台的编辑器中运行良好。

这是我的 HTML 代码

<div style="text-align:center;">
  <div style="display:inline-block;">
    <div class="wp-block-image" style="display:inline-block;">
      <center>
        <figure class="aligncenter size-full">
          <a href="https://www.idashboards.com/wp-content/uploads/2020/06/IT-Service-Desk.png" target="_blank" rel="noopener">
            <img loading="lazy" width="517" height="261" src="https://www.idashboards.com/wp-content/uploads/2020/06/IT-Service-Desk.png" alt="" class="wp-image-5379">
          </a>
          <br>
          <figcaption>
            <b><u><font size="+2">
              <a href="https://www.idashboards.com/wp-content/uploads/2020/06/IT-Service-Desk.png">Dashboard Example 1</a>
          </font size>
          </b></u>
          </figcaption>
        </figure>


      </center>
    </div>

    <div class="wp-block-image" style="display:inline-block;">
      <center>
        <figure class="aligncenter size-full">
          <a href="https://www.geckoboard.com/uploads/CEO-dashboard-geckoboard.png " target="_blank " rel="noopener ">
            <img loading="lazy " width="517 " height="261 " src="https://www.geckoboard.com/uploads/CEO-dashboard-geckoboard.png " alt=" " class="wp-image-5379 ">
          </a>
          <br>
          <figcaption>
            <b><u><font size="+2 ">
              <a href="https://www.geckoboard.com/uploads/CEO-dashboard-geckoboard.png ">Dashboard Example 2</a>
          </font size>
          </b></u>
          </figcaption>
        </figure>


      </center>
    </div>
  </div>
</div>

这是它的输出方式

现在，当我尝试将此代码复制到 Rmarkdown 文件中时，我得到了这个

RMD 代码

---
title: "Test Example"
date: "9/8/2021"
output: html_document
---

<div style="text-align:center;">
  <div style="display:inline-block;">
    <div class="wp-block-image" style="display:inline-block;">
      <center>
        <figure class="aligncenter size-full">
          <a href="https://www.idashboards.com/wp-content/uploads/2020/06/IT-Service-Desk.png" target="_blank" rel="noopener">
            <img loading="lazy" width="517" height="261" src="https://www.idashboards.com/wp-content/uploads/2020/06/IT-Service-Desk.png" alt="" class="wp-image-5379">
          </a>
          <br>
          <figcaption>
            <b><u><font size="+2">
              <a href="https://www.idashboards.com/wp-content/uploads/2020/06/IT-Service-Desk.png">Dashboard Example 1</a>
          </font size>
          </b></u>
          </figcaption>
        </figure>
      </center>
    </div>

  <div class="wp-block-image" style="display:inline-block;">
      <center>
        <figure class="aligncenter size-full">
          <a href="https://www.geckoboard.com/uploads/CEO-dashboard-geckoboard.png " target="_blank " rel="noopener ">
            <img loading="lazy " width="517 " height="261 " src="https://www.geckoboard.com/uploads/CEO-dashboard-geckoboard.png " alt=" " class="wp-image-5379 ">
          </a>
          <br>
          <figcaption>
            <b><u><font size="+2 ">
              <a href="https://www.geckoboard.com/uploads/CEO-dashboard-geckoboard.png ">Dashboard Example 2</a>
          </font size>
          </b></u>
          </figcaption>
        </figure>
      </center>
    </div>
  </div>
</div>

代码不会生成，实际上由于某种原因将其分解成块

我错过了什么吗？

【问题讨论】：

标签： html r r-markdown markdown

【解决方案1】：

Markdown 似乎不喜欢嵌入 html 代码的缩进，因为它与代码块的语法相同。您可以删除缩进以使其看起来正确或将 html 保存到不同的文件并使用 htmltools::includeHTML 从块中调用它

【讨论】：

我将 HTML 代码保存在不同的文件中，然后尝试在代码块中运行它，但是当我将运行时闪亮时出现连接问题。