html textarea的url链接预览

Question

我目前正在尝试在 html 中实现一个 textarea 以输入 url 链接。当用户输入 url 并按下回车键时，应该会出现链接预览，就像在 Facebook 中一样。我很确定会有某种插件或预构建工具可用于此类功能，但我不确定在哪里寻找。有人可以给我一个关于如何完成这项工作的建议吗？谢谢。

Answer 1

Facebook 通过使用Open Graph Protocol 来完成此行为。为了使其正常工作，您的目标站点确实需要定义特定的 Open Graph 元标记，例如 og:title（您可以在页面上找到完整的文档）。

如果您向下滚动到Implementations，您会发现那些针对不同编程语言（如 PHP 或 Ruby）编写的 Open Graph 元标记的解析器。但是，您肯定无法使用纯 html 解析所需的信息。