Mediawiki使用WikiEditor编辑器

安装WikiEditor

修远兮在刚上传后,本来是要用ckeditor编辑器的,但发现ckeditor编辑器在搜索框内输入内容,他只是提示创建新页面,下方的搜索内容消失了,那这搜索还叫搜索吗?

所以中间我取消了使用ckeditor编辑器,WikiEditor编辑器一开始也想使用,但怎么样都调用不出来,这让我感觉很奇怪,今天晚上在网上看官方的WikiEditor页面介绍,才发现原来以前调用的是错误的,下面给出1.25WikiEditor编辑器调用方式:

在 LocalSettings.php文件底部加入以下代码:
wfLoadExtension( 'WikiEditor' );  #注意,如果下面的不放,只放置这一段,是无法调用WikiEditor的。
$wgDefaultUserOptions['usebetatoolbar'] = 1;
$wgDefaultUserOptions['usebetatoolbar-cgd'] = 1;
$wgDefaultUserOptions['wikieditor-preview'] = 1;
$wgDefaultUserOptions['wikieditor-publish'] = 1;
然后就可以调用出来WikiEditor编辑器了,因为该编辑器已经存在于扩展中,所以不需要你重新下载。

如果调用后发现没显示,那么请清空网站缓存。

不过我感觉wikieditor少了我很需要的一个功能,那就是[[category:分类名]]标签。

但它的预览功能放在了上面,我感觉这样做很人性化,比以前强了许多。

WikiEditor自定义工具栏

WikiEditor提供了自定义工具栏按钮的功能,但这个功能确实很难处理,我在网上搜了他们的很多实例后,找到一个简单添加按钮的方式,其实我更希望能找到添加单独一个组,在组里放入所有常用的按钮代码,但我根据官方的说明,没有实现这种方法,但只是能放入个按钮,我也很高兴了,因为上面提到的[[category:分类名]]按钮我已经放在工具栏上了,这样就方便多了,下面就写出加入自定义按钮的方法:

开启自定义工具栏功能

$wgAllowUserJs = true; 将这一句加入到LocalSettings.php中,就开启了WikiEditor自定义工具栏按钮功能。

自定义工具栏文件位置

extensions/WikiEditor/modules/ext.wikiEditor.toolbar.js

这个文件就是自定义工具栏文件的位置。

为工具栏添加自定义按钮

$.ajax({
url: 'https://meta.wikimedia.org/w/index.php?title=User:Krinkle/Scripts/InsertWikiEditorButton.js&action=raw&ctype=text/javascript', /*我并不知这段代码的作用,所以留了下来*/
dataType: 'script',
cache: true
}).done(function () {

// category
krInsertWikiEditorButton({
id: "mw-customeditbutton-myspecialbutton",
icon: "//xiuyuanxi.com/extensions/WikiEditor/modules/images/toolbar/category.svg.png", /*这是按钮LOGO*/
label: 'category', /*这是按钮名称*/
insertBefore: '[[category:', /*单引号内的内容在点击后将出现在编辑器内*/
insertAfter: ']]', /*单引号内的内容在点击后将出现在编辑器内*/
sampleText: '' / /*单引号内的内容在点击后将出现在编辑器内,因category只需要上面这两个代码,所以最后这个没输入内容*/
});

// 下面这段直接去掉注释就是一个新的工具按钮
/*krInsertWikiEditorButton({
id: 'mw-customeditbutton-anotherspecialbutton',
icon: '//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Gnome-face-monkey.svg/22px-Gnome-face-monkey.svg.png',
label: 'Insert monkey',
insertBefore: '[[File:Gnome-face-monkey.svg|21px|',
insertAfter: ']]',
sampleText: 'Happy face'
});*/
});

只要将以上代码,加入到ext.wikiEditor.toolbar.js尾部就可以了为自己的WikiEditor添加上一个按钮,如果是添加多个按钮,大家可以自己试一下。

因为我自己找到的是一个别人写好的两个按钮的代码,所以就直接加在了后面。

快速插入内容模板插件MsInsert

这是一个WikiEditor编辑器扩展插件,我们已经应用于修远兮中,感觉非常好用。请进入具体文章查看:Mediawiki中WikiEditor编辑器快速插入内容模板插件MsInsert

快速添加或删除按钮插件MsWikiEditor

这是一个WikiEditor编辑器扩展插件,我们已经应用于修远兮中,感觉非常好用。请进入具体文章查看:Mediawiki中WikiEditor编辑器快速添加或删除按钮插件MsWikiEditor

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND