【发布时间】:2015-08-31 12:33:23
【问题描述】:
我目前正在尝试在 html 中实现一个 textarea 以输入 url 链接。当用户输入 url 并按下回车键时,应该会出现链接预览,就像在 Facebook 中一样。我很确定会有某种插件或预构建工具可用于此类功能,但我不确定在哪里寻找。有人可以给我一个关于如何完成这项工作的建议吗?谢谢。
【问题讨论】:
标签: html url thumbnails title preview
我目前正在尝试在 html 中实现一个 textarea 以输入 url 链接。当用户输入 url 并按下回车键时,应该会出现链接预览,就像在 Facebook 中一样。我很确定会有某种插件或预构建工具可用于此类功能,但我不确定在哪里寻找。有人可以给我一个关于如何完成这项工作的建议吗?谢谢。
【问题讨论】:
标签: html url thumbnails title preview
Facebook 通过使用Open Graph Protocol 来完成此行为。为了使其正常工作,您的目标站点确实需要定义特定的 Open Graph 元标记,例如 og:title(您可以在页面上找到完整的文档)。
如果您向下滚动到Implementations,您会发现那些针对不同编程语言(如 PHP 或 Ruby)编写的 Open Graph 元标记的解析器。但是,您肯定无法使用纯 html 解析所需的信息。
【讨论】: