Skip to content

Instantly share code, notes, and snippets.

@spra85

spra85/Twitter Instant Article Conversion.md

Last active May 18, 2016 16:58
Show Gist options
  • Save spra85/c5a9ee63e60f5c712d7da89c6b2b9b5e to your computer and use it in GitHub Desktop.
Save spra85/c5a9ee63e60f5c712d7da89c6b2b9b5e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Twitter Instant Article Conversion.md

Link to StarWipe article

BEFORE

<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Cblockquote%20class%3D%22twitter-tweet%22%20data-lang%3D%22en%22%3E%3Cp%20lang%3D%22en%22%20dir%3D%22ltr%22%3ESean%20Penn%2C%20Gerard%20Butler%20and%20Owen%20Wilson%20were%20beach%20brothers%20in%20Malbu%20%3Ca%20href%3D%22https%3A//t.co/fmBzVCiVQU%22%3Ehttps%3A//t.co/fmBzVCiVQU%3C/a%3E%20via%20%3Ca%20href%3D%22https%3A//twitter.com/DailyMailCeleb%22%3E@DailyMailCeleb%3C/a%3E%20%3Ca%20href%3D%22https%3A//t.co/ZIRLcfxNBl%22%3Epic.twitter.com/ZIRLcfxNBl%3C/a%3E%3C/p%3E%26mdash%3B%20GerardButlerAddicted%20%28@GerardBAddicted%29%20%3Ca%20href%3D%22https%3A//twitter.com/GerardBAddicted/status/732412720159576070%22%3EMay%2017%2C%202016%3C/a%3E%3C/blockquote%3E%0A%3Cscript%20async%20src%3D%22//platform.twitter.com/widgets.js%22%20charset%3D%22utf-8%22%3E%3C/script%3E" data-source="{{source}}">
   <div>
      <twitterwidget class="twitter-tweet twitter-tweet-rendered" id="twitter-widget-0" style="position: absolute; visibility: hidden; display: block;"></twitterwidget>
      <blockquote class="twitter-tweet" data-lang="en" data-twitter-extracted-i1463510242799474315="true">
         <p lang="en" dir="ltr">Sean Penn, Gerard Butler and Owen Wilson were beach brothers in Malbu <a href="https://t.co/fmBzVCiVQU">https://t.co/fmBzVCiVQU</a> via <a href="https://twitter.com/DailyMailCeleb">@DailyMailCeleb</a> <a href="https://t.co/ZIRLcfxNBl">pic.twitter.com/ZIRLcfxNBl</a></p>
         — GerardButlerAddicted (@GerardBAddicted) <a href="https://twitter.com/GerardBAddicted/status/732412720159576070">May 17, 2016</a>
      </blockquote>
      <script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
   </div>
   <span class="caption"></span>
</div>

AFTER

<figure class="op-social">
<iframe>
<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Cblockquote%20class%3D%22twitter-tweet%22%20data-lang%3D%22en%22%3E%3Cp%20lang%3D%22en%22%20dir%3D%22ltr%22%3ESean%20Penn%2C%20Gerard%20Butler%20and%20Owen%20Wilson%20were%20beach%20brothers%20in%20Malbu%20%3Ca%20href%3D%22https%3A//t.co/fmBzVCiVQU%22%3Ehttps%3A//t.co/fmBzVCiVQU%3C/a%3E%20via%20%3Ca%20href%3D%22https%3A//twitter.com/DailyMailCeleb%22%3E@DailyMailCeleb%3C/a%3E%20%3Ca%20href%3D%22https%3A//t.co/ZIRLcfxNBl%22%3Epic.twitter.com/ZIRLcfxNBl%3C/a%3E%3C/p%3E%26mdash%3B%20GerardButlerAddicted%20%28@GerardBAddicted%29%20%3Ca%20href%3D%22https%3A//twitter.com/GerardBAddicted/status/732412720159576070%22%3EMay%2017%2C%202016%3C/a%3E%3C/blockquote%3E%0A%3Cscript%20async%20src%3D%22//platform.twitter.com/widgets.js%22%20charset%3D%22utf-8%22%3E%3C/script%3E" data-source="{{source}}">
   <div>
      <twitterwidget class="twitter-tweet twitter-tweet-rendered" id="twitter-widget-0" style="position: absolute; visibility: hidden; display: block;"></twitterwidget>
      <blockquote class="twitter-tweet" data-lang="en" data-twitter-extracted-i1463510242799474315="true">
         <p lang="en" dir="ltr">Sean Penn, Gerard Butler and Owen Wilson were beach brothers in Malbu <a href="https://t.co/fmBzVCiVQU">https://t.co/fmBzVCiVQU</a> via <a href="https://twitter.com/DailyMailCeleb">@DailyMailCeleb</a> <a href="https://t.co/ZIRLcfxNBl">pic.twitter.com/ZIRLcfxNBl</a></p>
         — GerardButlerAddicted (@GerardBAddicted) <a href="https://twitter.com/GerardBAddicted/status/732412720159576070">May 17, 2016</a>
      </blockquote>
      <script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
   </div>
   <span class="caption"></span>
</div>
</iframe>
</figure>

Link to The A.V. Club article

BEFORE

<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Cblockquote%20class%3D%22twitter-tweet%22%20lang%3D%22en%22%3E%3Cp%3ETo%20reduce%20my%20views%20to%20a%20handful%20of%20jokes%20that%20didn%u2019t%20land%20is%20not%20a%20true%20reflection%20of%20my%20character%2C%20nor%20my%20evolution%20as%20a%20comedian.%3C/p%3E%26mdash%3B%20Trevor%20Noah%20%28@Trevornoah%29%20%3Ca%20href%3D%22https%3A//twitter.com/Trevornoah/status/583019964556152832%22%3EMarch%2031%2C%202015%3C/a%3E%3C/blockquote%3E%0A" data-source="{{source}}">
   <div>
      <blockquote class="twitter-tweet" lang="en">
         <p>To reduce my views to a handful of jokes that didn’t land is not a true reflection of my character, nor my evolution as a comedian.</p>
         — Trevor Noah (@Trevornoah) <a href="https://twitter.com/Trevornoah/status/583019964556152832">March 31, 2015</a>
      </blockquote>
   </div>
   <span class="caption"></span>
</div>

AFTER

<figure class="op-social">
<iframe>
      <blockquote class="twitter-tweet" lang="en">
         <p>To reduce my views to a handful of jokes that didn’t land is not a true reflection of my character, nor my evolution as a comedian.</p>
         — Trevor Noah (@Trevornoah) <a href="https://twitter.com/Trevornoah/status/583019964556152832">March 31, 2015</a>
      </blockquote>
      <script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</iframe>
</figure>

Note, the <script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment