HTML: 有没有办法在设置innerHtml时显示link预览？
HTML: Is there a way to display a link preview when setting innerHtml?
我正在使用 javascript 设置元素的 innerHtml 属性。这是我正在设置的 innerHtml，它在 a 标签中发送 link 以便它可以点击：
description.forEach((pair) => {
const [name, link] = pair;
const htmlLink = `<a href=${link}>${link}</a><br><br>`
const htmlPair = [name, htmlLink]
joinedDescription.push(htmlPair.join(" "))
})
它是这样显示的：
有没有办法显示 link 预览，使其看起来像这样：
至于HTML本身，没有办法。有人创建了 CSS for link 那样显示。可能有一些库会这样做，但我不确定。不幸的是，您可能必须自己制作它。对于视频，您必须使用 JavaScript 检查 link 是否是 YouTube 视频并正确嵌入到 iframe 中（使用来自 YouTube 的嵌入）。对于其他 link，您必须获取标题/元数据并将其包装在 CSS 容器中。
我正在使用 javascript 设置元素的 innerHtml 属性。这是我正在设置的 innerHtml，它在 a 标签中发送 link 以便它可以点击：
description.forEach((pair) => {
const [name, link] = pair;
const htmlLink = `<a href=${link}>${link}</a><br><br>`
const htmlPair = [name, htmlLink]
joinedDescription.push(htmlPair.join(" "))
})
它是这样显示的：
有没有办法显示 link 预览，使其看起来像这样：
至于HTML本身，没有办法。有人创建了 CSS for link 那样显示。可能有一些库会这样做，但我不确定。不幸的是，您可能必须自己制作它。对于视频，您必须使用 JavaScript 检查 link 是否是 YouTube 视频并正确嵌入到 iframe 中（使用来自 YouTube 的嵌入）。对于其他 link，您必须获取标题/元数据并将其包装在 CSS 容器中。