[英]How to add custom attributes to the `DOCTYPE` tag with NextJS?
與我合作的第三方的要求之一是我需要在頁面頂部添加以下內容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這是取自這里。
我顯然看過 NextJS文檔,但找不到更改此標簽的方法。
這就是我的自定義_document.ts
現在的樣子。
<!DOCTYPE html>
<html lang="en">
<head>
<meta property . . .
. . .
有可能改變嗎?
頁面加載怎么樣? 做document.getElementsByTagName('!DOCTYPE html')
顯然不會起作用,所以我不太確定在這里做什么。
您不能只使用 dangerouslySetInnerHTML,因為不可能將 <.DOCTYPE> 和根標簽插入到其他標簽中。 為了能夠做這樣的事情,有必要創建一個 iframe 標簽並將 HTML 作為字符串傳遞到 srcDoc 參數中:就像那樣:
const myhtml =
"<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta http-equiv='X-UA-Compatible' content='IE=edge'><meta name='viewport' content='width=device-width, initial-scale=1.0'><title>Document</title></head><body><h1>Teste</h1></body></html>";
return (
<iframe srcDoc={myhtml}></iframe>
);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.