2017-11-01 8 views
0

私は、Squarespaceを使って、ウィキペディアのページを持つのに十分な人々についての様々なページをウェブサイトに構築しています。私はこれらのページのうち150以上を持っているので、手書きのBIOSはかなり時間がかかります。私はこれらの様々な図の紹介からテキストを引くことを望んでいます 'ウィキペディアのページ、そのため、私は自分自身でテキストを書く必要はありませんし、b)情報は常に更新されます(コピーペースト)。Wikipedia - iframeからテキストコンテンツを引き出しますか?

ビヨンセのウィキペディアの記事では、実行時にウィキペディアのページを通常通り表示しています。高さと幅の値は任意です。

<iframe src="https://en.wikipedia.org/wiki/Beyoncé" height="551" width="705"></iframe>
私はその他ページからテキストだけではなく、画像、サイドバー、内容のテーブルを、引くかもしれませんどのように

ので、私のウェブサイト:私を与える

<iframe src="https://en.wikipedia.org/wiki/Beyoncé" height="551" width="705"></iframe> 

視覚的に同質である可能性がありますか? iframeは正しいツールでも使用できますか?

おかげで、おそらく K

+0

から、あなたはその場で情報を取得するためにWikipediaのAPIを使用することができますhttps://www.mediawiki.org/wiki/API:Main_page –

+0

いけないのiframeを考えます行く方法です。あなたはそれで作業することができますが、おそらくクロスオリジンの問題にぶつかるでしょう。 – kemotoe

+0

[iframe wikipedia記事のラッパーなしの可能な複製](https://stackoverflow.com/questions/61902/iframe-wikipedia-article-without-the-wrapper) –

答えて

0

これを達成するための最良の方法は、ウィキペディアのAPIでの作業です。 たとえば、Wikipeida API からjson形式のデータを取得してフォーマットし、データベースに保存することができます。 JSON:

https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=&explaintext=&titles=Beyonc%C3%A9 

と同じですが、JSON形式のHTML表現で:

https://en.wikipedia.org/w/api.php?action=query&prop=extracts&exintro=&explaintext=&titles=Beyonc%C3%A9 

あなたはiframeで作業したい場合は、IFRAMEにウィキarticeのプリンターに優しいバージョンを試みることができます。

<iframe src="https://en.wikipedia.org/w/index.php?title=Beyonc%C3%A9&printable=yes"></iframe> 

また、カスタムクエリ文字列パラメータを使用してwiki APIを呼び出すことでAJAXでこれを行うことができます。

<!-- HTML --> 
<div id="article"></div> 

$(document).ready(function(){ 
    $.ajax({ 
     type: "GET", 
     url: "http://en.wikipedia.org/w/api.php?action=parse&format=json&prop=text&page=Beyoncé&callback=?", 
     contentType: "application/json; charset=utf-8", 
     async: false, 
     dataType: "json", 
     success: function (data, textStatus, jqXHR) { 

      var markup = data.parse.text["*"]; 
      var blurb = $('<div></div>').html(markup); 
      $('#article').html($(blurb).find('p')); 

     }, 
     error: function (errorMessage) { 
     } 
    }); 
}); 

source question for ajax method ともDEMOこの質問

関連する問題