Add support for quoted_status in html_for_tweet() #391

Merged

ping merged 1 commit from quoted_status_in_html_for_tweet into master

2015-08-18 08:37:11 -07:00

ping commented

2015-08-16 23:36:30 -07:00

(Migrated from github.com)

Example: Here's a quoted tweet #test https://twitter.com/Android/status/632196209797533696

Generated html (with linebreaks and comments for readability):

Here's a quoted tweet <a href="https://twitter.com/search?q=%23test" class="twython-hashtag">#test</a> 
<a href="https://t.co/H3ru0zGahf" class="twython-url">twitter.com/Android/status…</a>
<!-- Added html for quoted tweet status -->
<blockquote class="twython-quote">
What’s <a href="https://twitter.com/search?q=%23Android" class="twython-hashtag">#Android</a> 
M gonna be? We all have our guesses… <a href="http://t.co/ofHffMu7ME" class="twython-url">g.co/go/NLwhatsM</a> 
<a href="https://twitter.com/search?q=%23natandlo" class="twython-hashtag">#natandlo</a> 
<a href="http://t.co/um6zpIdiw4" class="twython-media">pic.twitter.com/um6zpIdiw4</a>
<cite><a href="https://twitter.com/Android/632196209797533696">
<span class="twython-quote-user-name">Android</span><span class="twython-quote-user-screenname">@Android</span></a>
</cite></blockquote>

With Bootstrap:

With Bootstrap + custom css:

blockquote.twython-quote { font-size: 1em; }
blockquote.twython-quote cite {
    display: block;
    font-style: normal;
    font-size: 0.9em;
}
blockquote.twython-quote cite:before { content: "— "; }
blockquote.twython-quote cite .twython-quote-user-name { font-weight: bold; }
blockquote.twython-quote cite .twython-quote-user-screenname:before { content: " ("; }
blockquote.twython-quote cite .twython-quote-user-screenname:after { content: ")"; }

Example: Here's a quoted tweet #test https://twitter.com/Android/status/632196209797533696 Generated html (with linebreaks and comments for readability): ``` html Here's a quoted tweet <a href="https://twitter.com/search?q=%23test" class="twython-hashtag">#test</a> <a href="https://t.co/H3ru0zGahf" class="twython-url">twitter.com/Android/status…</a>  <blockquote class="twython-quote"> What’s <a href="https://twitter.com/search?q=%23Android" class="twython-hashtag">#Android</a> M gonna be? We all have our guesses… <a href="http://t.co/ofHffMu7ME" class="twython-url">g.co/go/NLwhatsM</a> <a href="https://twitter.com/search?q=%23natandlo" class="twython-hashtag">#natandlo</a> <a href="http://t.co/um6zpIdiw4" class="twython-media">pic.twitter.com/um6zpIdiw4</a> <cite><a href="https://twitter.com/Android/632196209797533696"> <span class="twython-quote-user-name">Android</span><span class="twython-quote-user-screenname">@Android</span></a> </cite></blockquote> ``` With Bootstrap: ![image](https://cloud.githubusercontent.com/assets/104607/9299219/475baa54-44ec-11e5-9a9a-9fbf4c5a519c.png) With Bootstrap + custom css: ``` css blockquote.twython-quote { font-size: 1em; } blockquote.twython-quote cite { display: block; font-style: normal; font-size: 0.9em; } blockquote.twython-quote cite:before { content: "— "; } blockquote.twython-quote cite .twython-quote-user-name { font-weight: bold; } blockquote.twython-quote cite .twython-quote-user-screenname:before { content: " ("; } blockquote.twython-quote cite .twython-quote-user-screenname:after { content: ")"; } ``` ![image](https://cloud.githubusercontent.com/assets/104607/9299221/4f4096b2-44ec-11e5-9d0b-b3c307bc6fc2.png)

michaelhelmick commented

2015-08-18 08:37:07 -07:00

(Migrated from github.com)

Nice, thanks for this!