2017-11-01 3 views
0

위키 피 디아 페이지를 가질만큼 주목할만한 사람들에 대한 다양한 페이지가있는 웹 사이트 (Squarespace 사용)를 만드는 중입니다. 150 페이지가 넘는 페이지가 있으므로 필기 검색에 시간이 많이 소요됩니다. 나는이 다양한 인물의 소개에서 텍스트를 끌어 내기를 기대하고있다. 위키 피 디아 페이지는 a) 텍스트를 직접 쓰지 않아도되고 b) 정보가 항상 업데이트된다. (copy 및 붙여 넣기).위키 피 디아에서 텍스트 콘텐츠 가져 오기 - iframe?

Beyonce의 위키 피 디아 (Wikipedia) 기사에서 기본 형식을 작성했습니다. 높이 및 너비 값은 임의적입니다.

<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

당신은 비행에 대한 정보 https://www.mediawiki.org/wiki/API:Main_page를 –

+0

망가 생각 iframe을 얻기 위해 위키 백과 API를 사용할 수 있습니다 가야할 길입니다. 당신은 그것으로 일할 수는 있었지만 아마 기원이 서로 다른 문제를 겪을 것입니다. – kemotoe

+0

[iframe 위키 피 디아에 래퍼가없는 문서] 가능한 복제본 (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이로 위키 artice의 프린터 용 버전을 시도 할 수 iframe 작업 할 경우 .

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

또는 사용자 정의 쿼리 문자열 매개 변수를 사용하여 위키 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

관련 문제