MediaWiki:Gadget-autosave.js
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
// =================================================
// === «Автосохранение вики-черновиков» ===
// =================================================
// Не рассчитан для браузера Internet Explorer 10 и ниже
// Автосохранение срабатывает через 3 сек. после того, как вы перестали печатать
// При выходе со страницы сохранение происходит мгновенно (без задержки)
// Доступно ручное сохранение через Ctrl+S
// Работает даже без интернета (если страница уже загружена)
// Не нагружает сервер, обработка на стороне устройства пользователя
// Имеет защиту от ошибок — если что-то пойдёт не так, сломается только сам скрипт
// Сохраняется текст и несозданных новых статей (вбейте то же имя при воссоздании)
// При очистке кэша браузера всё равно сохраняет текст
// Текст исчезнет, если почистите историю браузера
// Текст исчезнет, если зайдёте в режим инкогнито и закроете окно
// Черновики старше 7 дней автоматически удаляются
// Браузер может удалить данные, если заполнится лимит сайта на хранилище
( function () {
'use strict';
// Проверяем, находимся ли мы на странице редактирования
if ( mw.config.get( 'wgAction' ) !== 'edit' && mw.config.get( 'wgAction' ) !== 'submit' ) {
return;
}
// Получаем название текущей страницы
var pageName = mw.config.get( 'wgPageName' ) || 'newpage';
var storageKey = 'wiki_draft_' + pageName;
var $textbox = $( '#wpTextbox1' );
if ( !$textbox.length ) {
return;
}
// Настройки времени
var config = {
saveDelay: 3000,
maxDraftAge: 7
};
// Состояние
var saveTimeout = null;
var lastSavedContent = '';
// Функция сохранения черновика
function saveDraft( silent ) {
var currentContent = $textbox.val();
if ( !currentContent || currentContent.trim() === '' ) {
return false;
}
if ( currentContent === lastSavedContent ) {
return false;
}
try {
var draftData = {
content: currentContent,
timestamp: Date.now(),
page: pageName
};
localStorage.setItem( storageKey, JSON.stringify( draftData ) );
lastSavedContent = currentContent;
if ( !silent ) {
showNotification( 'Черновик сохранён', 'success' );
}
return true;
} catch ( e ) {
showNotification( 'Ошибка сохранения черновика', 'error' );
return false;
}
}
// Функция уведомлений
function showNotification( message, type ) {
if ( typeof mw.notify === 'function' ) {
mw.notify( message, {
type: type,
autoHide: true,
tag: 'autosave-notify'
} );
}
}
// Функция восстановления
function restoreDraft() {
try {
var saved = localStorage.getItem( storageKey );
if ( !saved ) {
return;
}
var draftData = JSON.parse( saved );
var currentContent = $textbox.val();
if ( draftData.page !== pageName ) {
return;
}
var now = Date.now();
var daysOld = ( now - draftData.timestamp ) / ( 1000 * 60 * 60 * 24 );
if ( daysOld > config.maxDraftAge ) {
localStorage.removeItem( storageKey );
return;
}
if ( draftData.content === currentContent ) {
lastSavedContent = currentContent;
return;
}
if ( confirm( 'Найден несохранённый черновик от ' +
new Date( draftData.timestamp ).toLocaleString() +
'. Восстановить?' ) ) {
$textbox.val( draftData.content );
lastSavedContent = draftData.content;
$textbox.css( 'border', '2px solid #00af89' );
setTimeout( function() {
$textbox.css( 'border', '' );
}, 2000 );
showNotification( 'Черновик восстановлен', 'success' );
}
} catch ( e ) {
// Тихо игнорируем ошибки восстановления
}
}
// Очистка при сохранении
function clearOnSave() {
$( '#wpSave' ).on( 'click', function() {
localStorage.removeItem( storageKey );
} );
}
// Ctrl+S — ручное сохранение
$( document ).on( 'keydown', function( e ) {
if ( e.ctrlKey && e.key === 's' ) {
e.preventDefault();
saveDraft( false );
}
} );
// Автосохранение при вводе
$textbox.on( 'input', function() {
if ( saveTimeout ) {
clearTimeout( saveTimeout );
}
saveTimeout = setTimeout( function() {
saveDraft( true );
}, config.saveDelay );
} );
// При выходе
$( window ).on( 'beforeunload', function() {
var currentContent = $textbox.val();
if ( currentContent !== lastSavedContent && currentContent.trim() !== '' ) {
saveDraft( true );
}
} );
// Инициализация
$( document ).ready( function() {
setTimeout( function() {
restoreDraft();
clearOnSave();
}, 500 );
// Проверка localStorage (тихая)
try {
localStorage.setItem( 'autosave_test', 'test' );
localStorage.removeItem( 'autosave_test' );
} catch ( e ) {
// localStorage недоступен — скрипт просто не будет работать
}
} );
} )();