Início / coding / Perguntas / 79573790
Accepted
user2554330
Asked: 2025-04-15 02:26:18 +0800 CST

Usar função para adicionar ao cabeçalho HTML no litedown?

  • 772

Nesta pergunta, "Usando HTMLwidgets no LiteDown", eu estava perguntando sobre o uso de HTMLwidgets em um litedowndocumento. Como a resposta dizia, atualmente não há suporte para isso.

Dei uma olhada no código-fontelitedown e parece que seria possível se o código adicionasse algo ao cabeçalho do documento. O tipo de coisa que precisaria adicionar seriam inclusões de JavaScript, CSS e assim por diante.

Você já pode fazer isso se souber o que deseja adicionar com antecedência e puder consultar o YAML. Por exemplo, este documento adiciona o comentário HTML ao cabeçalho:

---
title: "working in litedown"
output: 
  html:
    meta:
      header_includes: "<!--This is a comment which should go in the header-->"
knit: litedown:::knit
---

This is the body.

Você também pode usar a litedown::vest()função para adicionar coisas inline no corpo, mas o que você pode adicionar parece ser bastante limitado: apenas nomes de arquivos CSS e Javascript. Talvez isso seja suficiente para as minhas necessidades, mas seria mais organizado se eu pudesse adicionar diretamente ao cabeçalho.

Então minha pergunta é: existe uma maneira programática (ou seja, algo que poderia ser incluído em um pedaço de código) que alcançaria o mesmo resultado que a header_includesentrada YAML?

1 respostas

  1. Best Answer

    Você pode usar métodos do Javascript document.create*, por exemplo document.createElement(), em combinação com document.head.appendChild().

    Abaixo está um exemplo em que incluí o comentário do seu código dentro de um pedaço de JS. O comentário é anexado à <head>tag do documento. Além disso, uma dependência JS do leaflet é carregada, semelhante ao que litedown::vest()acontece.

    ---
title: "working in litedown"
output: html
knit: litedown:::knit
---

```{js, echo = FALSE}
var comment = document.createComment(
  "This is a comment which should go in the header"
);
document.head.appendChild(comment);

var script = document.createElement("script")
script.src = "https://cdn.jsdelivr.net/npm/[email protected]"
script.defer = ""
document.head.appendChild(script);
```

This is the body.

    insira a descrição da imagem aqui

    • 2

relate perguntas