有没有一种方法可以将维基百科的文章嵌入网站并进行风格化

Is there a way to embed and style a Wikipedia article in a website?

本文关键字：文章 百科 风格化 网站 方法 一种 有没有      更新时间：2023-09-26

我想要做的基本上是一个div元素，包含维基百科文章的打印友好版本。我使用iframe嵌入文章，它很有效，尽管我不能为文档设置样式。我想这是因为iframe内容不在我的域上，我没有编辑权限。有没有一种方法可以在加载iframe后将css样式应用于内容？

您可以使用AJAX通过使用自定义查询字符串参数调用wikiapi来实现这一点。

演示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
}
相关文章：