如何检测文本中的链接并使用 oembed/jquery 更改它(例如 Facebook、Twitter 等)
我希望用户能够复制并粘贴某些内容的链接,并使用 oembed 将其粘贴到文本框中。从这里我希望能够识别 url 并将其转换为 oembed 对象或任何您称之为的对象。 (例如 Youtube 页面=> URL=> textarea=> oembed=> 嵌入)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以使用 jquery oembed 插件来完成此操作:
http://code.google.com/p/ jquery-oembed/
希望这有帮助。干杯
You can do it using the jquery oembed plugin:
http://code.google.com/p/jquery-oembed/
Hope this helps. Cheers
如果您想要一个不使用外部库的简单 JS 示例(这是针对 Facebook 的,但可以为其他提供商实现相同的概念)。
您可以在此处查看文档。
https://developers.facebook.com/docs/plugins /oembed-endpoints
注意:为了使该API能够在移动设备上正常使用ajax调用;您需要使用端点域“apps.facebook.com”而不是“www.facebook.com”:
https://apps.facebook.com/plugins/post/oembed.json/?url={content-url}
这是因为如果您使用官方文档“www.facebook.com”的用户代理移动设备将强制重定向到未实现此端点的“m.facebook.com”。
If you want a simple JS example without the use of an external library (This is for Facebook, but the same concept can be implemented for other providers).
You can checkout the documentation here..
https://developers.facebook.com/docs/plugins/oembed-endpoints
Note: In order to make this API work properly with ajax calls on mobile devices; You need to use the endpoint domain "apps.facebook.com" instead of "www.facebook.com":
https://apps.facebook.com/plugins/post/oembed.json/?url={content-url}
This is because if you use the endpoint that is provided in the official documentation "www.facebook.com" the User agent of the mobile devices will force the redirect to "m.facebook.com" which does not have this endpoint implemented.