MediaWiki:Gadget-autosave.js: различия между версиями
Перейти к навигации
Перейти к поиску
Нет описания правки |
Убрал консоль и лишнюю кнопку |
||
| Строка 5: | Строка 5: | ||
// Автосохранение срабатывает через 3 сек. после того, как вы перестали печатать | // Автосохранение срабатывает через 3 сек. после того, как вы перестали печатать | ||
// При выходе со страницы сохранение происходит мгновенно (без задержки) | // При выходе со страницы сохранение происходит мгновенно (без задержки) | ||
// Работает даже без интернета (если страница уже загружена) | // Работает даже без интернета (если страница уже загружена) | ||
// Не нагружает сервер, обработка на стороне устройства пользователя | // Не нагружает сервер, обработка на стороне устройства пользователя | ||
| Строка 21: | Строка 20: | ||
// Проверяем, находимся ли мы на странице редактирования | // Проверяем, находимся ли мы на странице редактирования | ||
if ( mw.config.get( 'wgAction' ) !== 'edit' && mw.config.get( 'wgAction' ) !== 'submit' ) { | if ( mw.config.get( 'wgAction' ) !== 'edit' && mw.config.get( 'wgAction' ) !== 'submit' ) { | ||
return; | return; | ||
} | } | ||
| Строка 30: | Строка 29: | ||
if ( !$textbox.length ) { | if ( !$textbox.length ) { | ||
return; | return; | ||
} | } | ||
| Строка 49: | Строка 47: | ||
if ( !currentContent || currentContent.trim() === '' ) { | if ( !currentContent || currentContent.trim() === '' ) { | ||
return false; | return false; | ||
} | } | ||
if ( currentContent === lastSavedContent ) { | if ( currentContent === lastSavedContent ) { | ||
return false; | return false; | ||
} | } | ||
| Строка 67: | Строка 63: | ||
localStorage.setItem( storageKey, JSON.stringify( draftData ) ); | localStorage.setItem( storageKey, JSON.stringify( draftData ) ); | ||
lastSavedContent = currentContent; | lastSavedContent = currentContent; | ||
if ( !silent ) { | if ( !silent ) { | ||
| Строка 79: | Строка 70: | ||
return true; | return true; | ||
} catch ( e ) { | } catch ( e ) { | ||
showNotification( 'Ошибка сохранения черновика', 'error' ); | showNotification( 'Ошибка сохранения черновика', 'error' ); | ||
return false; | return false; | ||
| Строка 85: | Строка 75: | ||
} | } | ||
// Функция уведомлений | // Функция уведомлений | ||
function showNotification( message, type ) { | function showNotification( message, type ) { | ||
if ( typeof mw.notify === 'function' ) { | if ( typeof mw.notify === 'function' ) { | ||
| Строка 96: | Строка 86: | ||
} | } | ||
// Функция восстановления | // Функция восстановления | ||
function restoreDraft() { | function restoreDraft() { | ||
try { | try { | ||
var saved = localStorage.getItem( storageKey ); | var saved = localStorage.getItem( storageKey ); | ||
if ( !saved ) { | if ( !saved ) { | ||
return; | return; | ||
} | } | ||
| Строка 108: | Строка 97: | ||
var currentContent = $textbox.val(); | var currentContent = $textbox.val(); | ||
if ( draftData.page !== pageName ) { | if ( draftData.page !== pageName ) { | ||
return; | return; | ||
} | } | ||
var now = Date.now(); | var now = Date.now(); | ||
var daysOld = ( now - draftData.timestamp ) / ( 1000 * 60 * 60 * 24 ); | var daysOld = ( now - draftData.timestamp ) / ( 1000 * 60 * 60 * 24 ); | ||
if ( daysOld > config.maxDraftAge ) { | if ( daysOld > config.maxDraftAge ) { | ||
localStorage.removeItem( storageKey ); | localStorage.removeItem( storageKey ); | ||
return; | return; | ||
} | } | ||
if ( draftData.content === currentContent ) { | if ( draftData.content === currentContent ) { | ||
lastSavedContent = currentContent; | lastSavedContent = currentContent; | ||
return; | return; | ||
} | } | ||
if ( confirm( 'Найден несохранённый черновик от ' + | if ( confirm( 'Найден несохранённый черновик от ' + | ||
new Date( draftData.timestamp ).toLocaleString() + | new Date( draftData.timestamp ).toLocaleString() + | ||
| Строка 141: | Строка 121: | ||
lastSavedContent = draftData.content; | lastSavedContent = draftData.content; | ||
$textbox.css( 'border', '2px solid #00af89' ); | $textbox.css( 'border', '2px solid #00af89' ); | ||
setTimeout( function() { | setTimeout( function() { | ||
| Строка 148: | Строка 127: | ||
showNotification( 'Черновик восстановлен', 'success' ); | showNotification( 'Черновик восстановлен', 'success' ); | ||
} | } | ||
} catch ( e ) { | } catch ( e ) { | ||
// Тихо игнорируем ошибки восстановления | |||
} | } | ||
} | } | ||
| Строка 190: | Строка 138: | ||
$( '#wpSave' ).on( 'click', function() { | $( '#wpSave' ).on( 'click', function() { | ||
localStorage.removeItem( storageKey ); | localStorage.removeItem( storageKey ); | ||
} ); | } ); | ||
} | } | ||
// Ctrl+S — ручное сохранение | |||
$( document ).on( 'keydown', function( e ) { | |||
if ( e.ctrlKey && e.key === 's' ) { | |||
e.preventDefault(); | |||
saveDraft( false ); | |||
} | |||
} ); | |||
// Автосохранение при вводе | // Автосохранение при вводе | ||
| Строка 200: | Строка 155: | ||
} | } | ||
saveTimeout = setTimeout( function() { | saveTimeout = setTimeout( function() { | ||
saveDraft( true ); | saveDraft( true ); | ||
}, config.saveDelay ); | }, config.saveDelay ); | ||
} ); | } ); | ||
| Строка 214: | Строка 169: | ||
// Инициализация | // Инициализация | ||
$( document ).ready( function() { | $( document ).ready( function() { | ||
setTimeout( function() { | setTimeout( function() { | ||
restoreDraft(); | restoreDraft(); | ||
clearOnSave(); | clearOnSave(); | ||
}, 500 ); | }, 500 ); | ||
// Проверка localStorage (тихая) | |||
// Проверка localStorage | |||
try { | try { | ||
localStorage.setItem( 'autosave_test', 'test' ); | localStorage.setItem( 'autosave_test', 'test' ); | ||
localStorage.removeItem( 'autosave_test' ); | localStorage.removeItem( 'autosave_test' ); | ||
} catch ( e ) { | } catch ( e ) { | ||
// localStorage недоступен — скрипт просто не будет работать | |||
} | } | ||
} ); | } ); | ||
} )(); | } )(); | ||
Версия от 00:19, 16 апреля 2026
// =================================================
// === «Автосохранение вики-черновиков» ===
// =================================================
// Не рассчитан для браузера Internet Explorer 10 и ниже
// Автосохранение срабатывает через 3 сек. после того, как вы перестали печатать
// При выходе со страницы сохранение происходит мгновенно (без задержки)
// Работает даже без интернета (если страница уже загружена)
// Не нагружает сервер, обработка на стороне устройства пользователя
// Имеет защиту от ошибок — если что-то пойдёт не так, сломается только сам скрипт
// Сохраняется текст и несозданных новых статей (вбейте то же имя при воссоздании)
// При очистке кэша браузера всё равно сохраняет текст
// Текст исчезнет, если почистите историю браузера
// Текст исчезнет, если зайдёте в режим инкогнито и закроете окно
// Черновики старше 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 недоступен — скрипт просто не будет работать
}
} );
} )();