首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Oembed twitter宝石

Oembed twitter宝石
EN

Stack Overflow用户
提问于 2014-10-29 17:31:29
回答 1查看 1.4K关注 0票数 4

这可能是一个非常简单的问题,但我不知道如何呈现嵌入的tweet。

为了简单起见,这是我的控制器:

代码语言:javascript
复制
class TweetsController < ApplicationController

  def index

  @tweet = twitter_client.oembed('527501479142109184')

  end

end

在视图中,如果我只执行以下操作,它只显示对象:

代码语言:javascript
复制
<%= @tweet %>

#<Twitter::OEmbed:0x007fb878abc5d8>

在视察时,这表明:

代码语言:javascript
复制
#<Twitter::OEmbed:0x007fb875cacd28 @attrs={:cache_age=>"3153600000", :url=>"https://twitter.com/HuayuanSong/statuses/527501479142109184", :height=>nil, :provider_url=>"https://twitter.com", :provider_name=>"Twitter", :author_name=>"Huayuan Song", :version=>"1.0", :author_url=>"https://twitter.com/HuayuanSong", :type=>"rich", :html=>"<blockquote class=\"twitter-tweet\"><p>Jeg kunne lide en video på <a href=\"https://twitter.com/YouTube\">@YouTube</a> <a href=\"http://t.co/hhhTvyJA6y\">http://t.co/hhhTvyJA6y</a> Obama: U.S. leading the way against Ebola spread</p>&mdash; Huayuan Song (@HuayuanSong) <a href=\"https://twitter.com/HuayuanSong/status/527501479142109184\">October 29, 2014</a></blockquote>\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>", :width=>550}>

显然,这非常简单,我只是用它来证明概念类型。有人能解释一下我是如何从拥有对象到能够显示实际的嵌入式推文吗?

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-29 17:49:27

只需调用@tweet就可以引用对象。为了显示您想要调用的tweet:

代码语言:javascript
复制
<%= raw(@tweet.html) %>

同时,来自推特的documentation

当页面上出现Twitter’s widget JavaScript is included时,返回的HTML片段将自动识别为嵌入式Tweet。

Javascript片段如下所示:

代码语言:javascript
复制
<script>
window.twttr = (function (d, s, id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src= "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
}(document, "script", "twitter-wjs"));
</script>
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26637030

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档