MediaWiki:Gadget-PrintOptions.js
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
(function () {
'use strict';
var windowManager;
var printDialog;
var printOptions = {
install: function () {
var $printLink = $('#t-print a');
if ($printLink.length === 0) return;
$printLink
.text('可打印版本')
.off('click')
.on('click', function (e) {
mw.loader.using(['oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows'])
.then(printOptions.createWindow)
.catch(function (err) {
mw.notify('打印功能加载失败: ' + err.message, { type: 'error' });
});
e.preventDefault();
});
// 预加载资源
mw.loader.load(['oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows']);
},
createWindow: function () {
function PrintDialog(config) {
PrintDialog.super.call(this, config);
}
OO.inheritClass(PrintDialog, OO.ui.ProcessDialog);
PrintDialog.static.name = 'printdialog';
PrintDialog.static.title = '打印此页面';
PrintDialog.static.actions = [
{
action: 'print',
label: '打印',
flags: ['primary', 'progressive'],
icon: 'printer'
},
{
action: 'cancel',
label: '取消',
flags: 'safe',
icon: 'close'
}
];
PrintDialog.prototype.initialize = function () {
PrintDialog.super.prototype.initialize.apply(this, arguments);
this.panel = new OO.ui.PanelLayout({ padded: true, expanded: false });
this.content = new OO.ui.FieldsetLayout();
printOptions.questions.forEach(function (question) {
if (question.type === 'checkbox') {
var checkbox = new OO.ui.CheckboxInputWidget({
selected: question.checked
});
question.widget = checkbox;
this.content.addItems([
new OO.ui.FieldLayout(checkbox, {
label: question.label,
align: 'inline'
})
]);
}
}, this);
this.panel.$element.append(this.content.$element);
this.$body.append(this.panel.$element);
};
PrintDialog.prototype.getActionProcess = function (action) {
if (action === 'print') {
return new OO.ui.Process(function () {
// 保存选项设置
printOptions.questions.forEach(function (question) {
if (question.widget) {
printOptions[question.returnvalue] = question.widget.isSelected();
}
});
return this.close({ action: action }).then(function () {
printOptions.changePrintCSS();
printOptions.otherEnhancements();
setTimeout(window.print, 100);
});
}.bind(this));
}
if (action === 'cancel') {
return new OO.ui.Process(function () {
return this.close({ action: action });
}.bind(this));
}
return PrintDialog.super.prototype.getActionProcess.call(this, action);
};
if (!windowManager) {
windowManager = new OO.ui.WindowManager();
$('body').append(windowManager.$element);
}
// 每次都创建新的对话框实例,避免重复使用的问题
printDialog = new PrintDialog({ size: 'medium' });
windowManager.addWindows([printDialog]);
windowManager.openWindow(printDialog);
},
changePrintCSS: function () {
var printStyle = '';
if (this.noimages) {
printStyle += 'img, .thumb, .thumbinner, .thumbimage { display:none !important; }\n';
}
if (this.norefs) {
printStyle += '.references, .reference, .reflist, .ref-list { display:none !important; }\n';
}
if (this.notoc) {
printStyle += '#toc, .toc { display:none !important; }\n';
}
if (this.nobackground) {
printStyle += 'body { background: white !important; }\n';
}
if (this.blacktext) {
printStyle += '* { color: black !important; }\n';
}
// 清理旧样式
$('style[media="print"]').remove();
// 添加新样式
if (printStyle) {
$('<style>')
.attr('media', 'print')
.text(printStyle)
.appendTo('head');
}
},
otherEnhancements: function () {
var $link = $('div.printfooter a');
try {
$link.text(decodeURIComponent($link.text()));
} catch (e) {
mw.log.warn('URL解码失败:', e);
}
},
questions: [
{
label: '隐藏图像',
type: 'checkbox',
checked: false,
returnvalue: 'noimages'
},
{
label: '隐藏引用',
type: 'checkbox',
checked: false,
returnvalue: 'norefs'
},
{
label: '隐藏目录',
type: 'checkbox',
checked: false,
returnvalue: 'notoc'
},
{
label: '删除背景',
type: 'checkbox',
checked: false,
returnvalue: 'nobackground'
},
{
label: '强制文本为黑色',
type: 'checkbox',
checked: true,
returnvalue: 'blacktext'
}
]
};
// 🌐 多语言支持扩展
var i18n = {
'title': mw.message('printdialog-title').plain() || '打印此页面',
'print-btn': mw.message('printdialog-print-btn').plain() || '打印',
'cancel-btn': mw.message('printdialog-cancel-btn').plain() || '取消',
'link-text': mw.message('printdialog-link-text').plain() || '可打印版本',
'options': {
'hideImages': mw.message('printdialog-opt-hide-images').plain() || '隐藏图像',
'hideRefs': mw.message('printdialog-opt-hide-refs').plain() || '隐藏引用',
'hideToc': mw.message('printdialog-opt-hide-toc').plain() || '隐藏目录',
'noBackground': mw.message('printdialog-opt-no-background').plain() || '删除背景',
'blackText': mw.message('printdialog-opt-black-text').plain() || '强制文本为黑色'
}
};
// 🔥 快捷键支持
function registerHotkeys() {
$(document).off('keydown.printdialog').on('keydown.printdialog', function (e) {
if (!printDialog || !windowManager) return;
// ESC - 取消
if (e.key === 'Escape') {
printDialog.executeAction('cancel');
e.preventDefault();
}
// Ctrl+Enter - 打印
if (e.ctrlKey && e.key === 'Enter') {
printDialog.executeAction('print');
e.preventDefault();
}
});
}
// 应用多语言文本
function applyI18n() {
// 更新对话框文本
if (printDialog && printDialog.constructor.static) {
printDialog.constructor.static.title = i18n.title;
printDialog.constructor.static.actions = [
{
action: 'print',
label: i18n['print-btn'],
flags: ['primary', 'progressive'],
icon: 'printer'
},
{
action: 'cancel',
label: i18n['cancel-btn'],
flags: 'safe',
icon: 'close'
}
];
}
// 更新选项标签
printOptions.questions = [
{
label: i18n.options.hideImages,
type: 'checkbox',
checked: false,
returnvalue: 'noimages'
},
{
label: i18n.options.hideRefs,
type: 'checkbox',
checked: false,
returnvalue: 'norefs'
},
{
label: i18n.options.hideToc,
type: 'checkbox',
checked: false,
returnvalue: 'notoc'
},
{
label: i18n.options.noBackground,
type: 'checkbox',
checked: false,
returnvalue: 'nobackground'
},
{
label: i18n.options.blackText,
type: 'checkbox',
checked: true,
returnvalue: 'blacktext'
}
];
// 更新链接文本
$('#t-print a').text(i18n['link-text']);
}
// 增强的安装函数
var originalInstall = printOptions.install;
printOptions.install = function() {
originalInstall.call(this);
applyI18n();
registerHotkeys();
};
// 延迟初始化以避免冲突
$(function () {
if (mw.config.get('wgNamespaceNumber') >= 0) {
setTimeout(printOptions.install, 100);
}
});
// 暴露到全局以便调试
window.PrintDialog = printOptions;
})();