有没有一种方法嵌入和风格的网站维基百科文章?(Is there a way to embed and

2019-10-21 05:05发布

我想要做的主要是含维基百科文章的打印版本一个div-元素。 我使用的iframe嵌入文章和它的作品,虽然我不能样式文件。 我想这是因为iframe中的内容是不是我的领域,我没有编辑权限。 有没有在iframe装载后CSS样式应用到内容的方式?

Answer 1:

您可以通过调用自定义查询字符串参数维基API使用AJAX做到这一点。

DEMO http://jsfiddle.net/fm0vxg32/

JS

$(document).ready(function(){

    $.ajax({
        type: "GET",
        url: "http://en.wikipedia.org/w/api.php?action=parse&format=json&prop=text&section=0&page=Jimi_Hendrix&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) {
        }
    });
});

CSS

#article {
  // custom styling
}


文章来源: Is there a way to embed and style a Wikipedia article in a website?