问题标签 [api-linkpreview]

就像下面显示的图像链接预览一样，一旦用户在 textarea 中插入链接，它就是我期望的图像。

从链接预览站点，我在控制台窗口中获得站点的image, url，description但我想在<div>标签内显示。

html:

jQuery：

我正在尝试使用以下反应库为我的应用程序创建丰富的 url 预览组件。

https://docs.microlink.io/sdk/getting-started/react/

在上面的文档中有一个工作演示，所以没有关于库的问题。但是当我尝试使用这个库时，我得到了以下错误。

未捕获（承诺中）错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记从定义它的文件中导出您的组件。

我的代码

我尝试更改 import MicrolinkCard from 'react-microlink'为 import {MicrolinkCard} from 'react-microlink'但仍然遇到相同的错误。

我想在 LinkedIn 群组中分享这篇文章链接 ( https://www.ngdevelop.tech/handsontable/ )，但链接预览不起作用。我之前的两个链接共享也发生了同样的事情。在最后两次分享之前，链接预览工作正常，但现在无法正常工作。

当我检查来自 LinkedIn 链接预览服务的响应时，我的状态中的链接共享出现错误代码 500。

对于群组中的链接共享，我得到以下回复：{"data":[{"images":[],"id":"https://www.ngdevelop.tech/handsontable/?2","type":"UrlPreview","status":"FAILED"}],"meta":{},"id":"/communities-api/v1/url-preview/https%3A%2F%2Fwww.ngdevelop.tech%2Fhandsontable%2F%3F2"}

这是我的开放图检查https://opengraphcheck.com/result.php?url=https%3A%2F%2Fwww.ngdevelop.tech%2Fhandsontable%2F#.W0TlRNIzaM8

和社交调试：https ://socialdebug.com/results?url=https%3A%2F%2Fwww.ngdevelop.tech%2Fhandsontable%2F

我还提到了 Stackoverflow： LinkedIn 在分享网站帖子时不获取元数据，以及https://www.linkedin.com/help/linkedin/answer/46687/making-your-website-shareable-on-linkedin?lang= en 但没有任何效果。

请帮忙...

我创建了一个网站，人们可以在其中发布其他网站的链接，然后后端生成链接的预览（通过使用 curl 并解析大多数网站上可用的开放图形标签/通过选择第一张图片、html 标题等）。现在，经过一些调整后很好，但有时我会得到某种速率限制。

这是我要解析的链接的一个示例：https ://www.facebook.com/HBR/posts/10157131816732787

我可以解析它 4 或 5 次并获得标题、图像等，但如果我重复它，我会被发送到 facebook 的登录页面。我怎样才能避免这种情况？

我试图解析https://developers.facebook.com/tools/debug/sharing上的链接，但它显示“无法抓取 Facebook URL”。所以我的问题是：如果他们甚至不允许在调试器上使用这些链接，我什至应该如何解析它们？

是否有任何类型的 API 可以让我在没有用户登录的情况下获取这些信息？我不想解析整个 Facebook 页面、个人资料等，只是预览我的用户可能在网站上发布的链接。

我想在我的应用程序中显示一个丰富的链接，并将这些数据发送到我的服务器。我需要访问LPLinkView视图内的图像。

如何访问其中的参数？（例如：图像、描述、标题、图标和扩展...）

有人可以指导我解决角度问题。我有一个需要在 Angular 8 中开发的场景，对于每个不同的 URL（路由），我们需要不同的链接预览，例如我正在分享一些示例。

我有一些外部链接可以在不同的消息应用程序（Twitter/Slack/WhatsApp等）上共享，如下所示：

http://adobe.com/

https://en.wikipedia.org/wiki/Stack_Overflow

预览已生成，但我如何为不同的客户自动化此服务。通过自动化，我的意思是验证以下内容：

1. 预览图像是否根据链接显示是小还是大？
2. 文字说明来不来？

任何反馈/输入将不胜感激。

我在 python Django 中做一个聊天应用程序，我想在聊天框中输入墨迹时实现链接预览。任何熟悉这个的人请帮忙。

Essentially given any url, I could fetch the webpage in Ruby using

and extract the elements I need

Is there a best practice before fetching any links? It seems like a potential security risk as well.

I'm assuminig large compaines like facebook might run an image through some model to determine if it should be censored?

我想使用https://github.com/lonekorean/mini-preview仅为网站的某些部分创建鼠标悬停预览。

使用目标网站的锚点让脚本呈现完整的网站预览，滚动到单个锚点所在的位置，我没有任何问题。然而，这不是我所追求的。

我希望脚本只显示锚的父 <p> 或 <div> 的内容。

在网站上，链接目标锚的编码如下：

所以，我希望Foo bar baz.只显示小预览框。

我怀疑答案在于脚本的这一部分：

具体来说，.attr('src', this.$el.attr('href'))部分。不过我不确定。

有谁知道我该怎么做？
或者你能推荐一些其他的脚本，我可以用它来做这个，让事情看起来和这个一样好？

我不是网络开发人员，所以请放轻松。
谢谢

更新（基于斯瓦蒂的回答和相应的评论）：

例如，如果我的网站包含以下内容：

外部网站包括：

我想See internal展示Foo bar baz.和See external展示Qux quux quuz.