Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将css和js文件添加到mediawiki?_Mediawiki - Fatal编程技术网

如何将css和js文件添加到mediawiki?

如何将css和js文件添加到mediawiki?,mediawiki,Mediawiki,我想在我的维基上安装一个新的javascript脚本 因此,我必须将其称为以下脚本: <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Quicksand"> <link rel="stylesheet" type="text/css" href="library/pretty-json-master/css/pretty-json.css"> <s

我想在我的维基上安装一个新的javascript脚本

因此,我必须将其称为以下脚本:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Quicksand">
<link rel="stylesheet" type="text/css" href="library/pretty-json-master/css/pretty-json.css">
<script type="text/javascript" src="library/pretty-json-master/libs/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="library/pretty-json-master/libs/underscore-min.js"></script>
<script type="text/javascript" src="library/pretty-json-master/libs/backbone-min.js"></script>
<script type="text/javascript" src="library/pretty-json-master/pretty-json-debug.js"></script>

在我的所有页面上添加此内容的最佳做法是什么


Thx

可能还有其他方法,但您可以创建一个light MediaWiki扩展,它只设置
$wgResourceModules
。请参阅。

1/在“扩展”文件夹(extensions/jsonTree/)中创建新扩展

2/在此文件夹中创建一个php文件(jsonTree.php)


好的,谢谢,但我不知道我必须在哪里调用$this->getOutput()->addModules('ext.myExtension');跟进。其他选项(我认为更糟糕):从加载,使用。这是在MediaWiki扩展中最糟糕的方式。这绕过了ResourceLoader,后者关心很多有用的东西,阅读和了解如何使用ResourceLoader开发扩展。您可以使用
$out->addModules()
在您的
onBeforePageDisplay
钩子处理程序中添加一个模块。可能会应用重复的。
$wgHooks['BeforePageDisplay'][] = 'onBeforePageDisplay';

function onBeforePageDisplay( OutputPage &$out, Skin &$skin ) {

    $script = '
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Quicksand">
    <link rel="stylesheet" type="text/css" href="/extensions/jsonTree/modules/css/pretty-json.css">
    <script type="text/javascript" src="/extensions/jsonTree/modules/libs/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/extensions/jsonTree/modules/libs/underscore-min.js"></script>
    <script type="text/javascript" src="/extensions/jsonTree/modules/libs/backbone-min.js"></script>
    <script type="text/javascript" src="/extensions/jsonTree/modules/pretty-json-debug.js"></script>
    ';

    $out->addHeadItem("jsonTree script", $script);

    return true;

}
require_once( "$IP/extensions/jsonTree/jsonTree.php" );