ajaxPreview | |
---|---|
Браузеры | * |
Скины | * |
Код | ajaxPreview.js |
Обновлено | 30 июля 2020 г . |
Разработчик | AlexSm |
Скрипт добавляет previewи кнопки changes Ajax, а именно:
- быстрее стандартных кнопок,
- использовать меньше трафика,
- сохранить позицию текстового курсора и отменить историю (Ctrl-Z).
Предварительный просмотр
Кнопка предварительного просмотра обновляет содержимое и редактирует сводные предварительные просмотры, а затем выполняет глобальные сценарии сворачивания .
Удерживая нажатой клавишу Shift, вы также обновите превью интервики, категорий и шаблонов.
Вам по-прежнему понадобится обычный предварительный просмотр без использования Ajax, если вы вставите
или
.
Дополнительные особенности
- «Предварительный просмотр» отображает ссылки при редактировании раздела (добавляя <ссылки /> в конец текста).
- «Предварительный просмотр» выделяет синтаксис при редактировании файлов .js и .css.
- При редактировании старой версии щелкните "изменения", удерживая клавишу Shift, чтобы сравнить ваш текст с этой старой версией.
Монтаж
Добавьте это в свой common.js (или на страницу js скина )
importScript ( 'Пользователь: Js / ajaxPreview.js' ); // [[пользователь: js / ajaxPreview]]
Конфигурация
По умолчанию новые кнопки делают это:
- справа от панели инструментов:
B I Ab ... ... ... ... ... ... ... ... previewchanges
- захватить клавиши доступа p и v со стандартных кнопок.
- получать названия от стандартных кнопок (по последнему слову).
Это можно изменить, добавив следующие параметры в тот же файл JS, что и выше.
Должность:
var ajaxPreviewPos = 'влево' ; // кнопки слева
var ajaxPreviewPos = 'дно' ; // кнопки внизу, заменяющие стандартные
Затем "старые" стандартные кнопки перемещаются вправо и отмечаются знаком ">": Save page Show preview> Show changes>
Ключи доступа:
var ajaxPreviewKey = 'о' ; // клавиша доступа к кнопке предварительного просмотра var ajaxDiffKey = 'b' ; // кнопка доступа к кнопке "изменения"
Используйте пустую строку, ''
чтобы отключить ключ доступа.
Текст кнопки:
var ajaxPreviewButton = 'Ω' ; // текст кнопки предварительного просмотра var ajaxDiffButton = 'Δ' ; // "изменяет" текст кнопки
Прокрутка:
var ajaxPreviewScrollTop = true ; // прокрутка к началу области предварительного просмотра / изменения после каждого обновления
Полное обновление:
var ajaxPreviewFull = true ; // всегда обновляем интервики, категории и шаблоны
Вы можете заставить скрипт вызывать любые пользовательские скрипты, определив глобальную ajaxPreviewExec()
функцию. Например, если вы используете NavPopups и хотите, чтобы всплывающие окна отображались в обновленном Ajax превью, используйте следующий код:
// код для выполнения после каждого окна предварительного просмотра обновления . ajaxPreviewExec = функция ( previewArea ) { если ( window . setupTooltips ) { setupTooltips ( previewArea ); previewArea . ranSetupTooltipsAlready = false ; } }
И если вы хотите, чтобы таблицы были сортируемыми, а сворачиваемые элементы работали как обычно в обновленном Ajax предварительном просмотре, используйте следующий код:
// код для выполнения после каждого окна предварительного просмотра обновления . ajaxPreviewExec = функция ( previewArea ) { mw . погрузчик . using ( [ 'jquery.tablesorter' , 'jquery.makeCollapsible' ], function () { $ ( 'table.sortable' ). tablesorter (); $ ( '#wikiPreview .collapsible' ). makeCollapsible (); } ); }
Подобные скрипты
- Пользователь: Cacycle / wikEd имеет аналогичную функциональность с кнопками «предварительного просмотра» и «изменения».
- Пользователь: Anomie / ajaxpreview.js добавляет только кнопку «предварительного просмотра», но отображает все ссылки при редактировании раздела (даже определенного в других разделах).
- Опция « Показывать превью без перезагрузки страницы » в настройках выполняет предварительный просмотр / изменения AJAX (с помощью стандартных кнопок внизу), но запрашивает всю HTML-страницу с сервера (там нет экономии трафика).